Advanced CSS Concepts
Gain a solid foundation in developing and testing device-friendly websites using the power of CSS.
About this course
What you'll learn
- Evaluating designs and recognizing the underlying layout
- Analyzing style guides to build your base CSS
- Building a semantic HTML and CSS foundation
- Using media queries to create a responsive grid system
- Building a base button module and extending it to a button primary
- Building a mobile header section that includes a logo and navigation
- Building a mobile hero section and positioning an image as a background
- Building a media object and including an icon font
- Transpiling SCSS into CSS and setting up a file structure
- Building a desktop header section with variables and media query mixins
- Creating an image frame module and color mask module
- Using Web developer tools and linting to help you find and fix issues
- Using Flexbox on the header, logo, and navigation to maximize available space
- Extending your Grid with Flexbox and reversing a row for medium and large device sizes
- Using SVG images and how to add them to a page using the new tag
To APPLY click "Further official information" below.