Responsive Layout
Become a Front-End Web Developer,
Responsive design demands that websites adapt to the device they are displayed on. Responsive layout is key, and HTML and CSS now offer features that make it easier than ever to create layouts that will work well on a wide range of devices and screen sizes. In this course, Clarissa Peterson covers the basics of designing responsive website layouts with the latest standards, including CSS Flexbox and Grid. Review the basics, such as working with the position and float properties to adjust the location of elements on screen, and discover how to use media queries to proactively update your layout. Then dive into CSS Grid, including aligning and ordering items within the grid, and find out to work flexbox containers. Finally, learn to build a 12-column design that combines Grid and Flexbox in one layout.
Contents:
- Introduction
- 1. Basic Page Structure
- 2. Responsive Layout
- 3. Grid Layout
- 4. Flexbox
- 5. Layout Design
- Conclusion
Get a Reminder
Get a Reminder
Similar Courses
Careers
An overview of related careers and their average salaries in the US. Bars indicate income percentile.
Freelance Interior design $47k
Instructor, Web Design/Graphic Design $48k
Account Design Specialist $58k
Design Support $60k
Business Design Specialist $74k
Web Design Contractor $77k
switchgear design and construction $95k
Team Responsive Web Designer Lead $99k
Design Tech - Piping $100k
Responsive Web Designer Consultant $101k
Responsive Web Designer Lead $122k
ASIC Design Engineer 3 $185k
Write a review
Your opinion matters. Tell us what you think.
Please login to leave a review
Similar Courses
Sorted by relevance
Like this course?
Here's what to do next:
- Save this course for later
- Get more details from the course provider
- Enroll in this course