From the course: CSS: Combining Grid and Flexbox
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Overview of the project - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Overview of the project
- [Instructor] I'm really excited to get started with you and begin building out this single page web application for MAR. This is the final project that we're going to be working on. It is responsive and mobile friendly. As I scroll down, you'll be able to see the various sections that we'll be creating throughout this project. All of our layout needs are going to be accomplished using Grid and Flexbox. So you'll be able to have lots of practice using these two layout properties to be able to control the website and create some beautiful components that you can utilize in your projects. We have a responsive menu and as the page gets larger, the page is going to transform to fit well on small screens, medium screens, and large screens. As we build out this page, we'll be adding in the various sections and components. I believe if we chunk out the page into the individual sections, it will be easier for you to focus on…
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.
Contents
-
-
-
-
-
-
(Locked)
Overview of the project2m 41s
-
(Locked)
Webpage header with hero section8m 30s
-
(Locked)
Create a hamburger menu for mobile7m 12s
-
(Locked)
Create a horizontal menu for desktops7m 52s
-
(Locked)
Web cards, part 15m 56s
-
(Locked)
Web cards, part 26m 56s
-
(Locked)
CTA summaries3m 29s
-
(Locked)
Team section for mobile8m 19s
-
(Locked)
Team section for desktops3m 44s
-
(Locked)
Problem section5m 24s
-
(Locked)
Media objects for mobile6m 59s
-
(Locked)
Media objects for desktop4m 48s
-
(Locked)
Picture gallery9m 45s
-
(Locked)
Footer for large screen7m 5s
-
(Locked)
Footer for extra large screens6m 4s
-
(Locked)
-
-
-