From the course: Creating a Responsive Web Design: Advanced Techniques
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
About this lesson - CSS Tutorial
From the course: Creating a Responsive Web Design: Advanced Techniques
About this lesson
- In this lesson, we're going to be adding some CSS to our SVG file. This way the logo graphic itself can respond to the screen size. Now, if you followed along in the previous course or you're using the starter files from this lesson, you'll see that we used CSS in our main CSS file to switch between two different SVG graphics. Now, since an SVG file, or a Scalable Vector Graphic, is really just an XML file, we can put CSS rules right inside of the SVG file. And if we combine media queries into the CSS rules, we can control which objects will show or hide in the SVG file based on the graphic's display size.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.