Learn how to create a responsive web design from scratch using CSS Grid and CSS media queries. This tutorial covers HTML5 and CSS without the use of any CSS frameworks. The course includes topics such as CSS wireframing, creating different layouts for desktop, tablet, and mobile views, and implementing various design elements. The intended audience for this course is individuals interested in web development and design, particularly those looking to enhance their skills in responsive web design.
Overview
Syllabus
Introduction
Overview
Finished Product
CSS Media Query
Code Editor Setup
CSS Wireframing
Desktop
Menu
Hide Menu
Main Wrapper
Grid Wrapper
Three Column Layout
Grid Template
Featured Elements
Grid Template Areas
Footer
Footer CSS
Menu CSS
CSS Reset
Normalize CSS
Inline Menu
Sub Featured Boxes
Sub Featured Grid
Media Query
Tablet Query
Mobile View
Menus
Mobile
Nav Items
Nav Wrap
Other divs
Sub Featured
Footer Element
Recap
Taught by
FollowAndrew
