This course takes your CSS skills further by introducing more advanced styling techniques and smarter ways to target and control elements on the page. You'll move past the basics to produce cleaner layouts, richer visuals, and more adaptable designs.
You'll learn how to manage layouts with the border-box model, work with SVG graphics, and build visual effects like gradients, shadows, and transparent colors using RGBA. Along the way, you'll sharpen your grasp of positioning through relative, absolute, and fixed values, put advanced CSS selectors to work, and take advantage of CSS variables. The course also covers refining layouts with responsive images using media queries, img srcset, and the picture element. It builds on foundational HTML and CSS skills and serves as the next step in the web design and web development bootcamp sequence.
What You Will Learn
- Master advanced CSS concepts including positioning, complex selectors, sizing units (px, em, rem), and the calc() function
- Create sophisticated visual styles using multiple background images, RGBA transparency, gradients, shadows, and more
- Work with SVG graphics in a variety of ways and learn to style them directly with CSS
- Build responsive images with img srcset and the picture element for optimized performance
- Use CSS variables to write cleaner, more flexible, and maintainable code
- Create mobile-friendly off-screen navigation menus using only CSS
- Add motion and interactivity through CSS transitions and transforms
This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.
