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.
Footer for large screen - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Footer for large screen
- [Instructor] For the footer of our website, we'll be adding three sections. We're going to have a form, social media links, and contact information. For now, we're going to be focusing on the form area, although we won't actually be building any of the form elements right now, the social media area and the contact information, I'm going to leave the header and the paragraph as placeholder information for this area, so that we can ensure that this section block, within the footer, will work with our layout in the way that we want. And then in an upcoming section of the course, we'll focus on the form itself. Here is what the starting point of our website is going to look like. At the small screen, the footer area actually looks pretty darn good. As we have seen in previous areas of our website, despite the visual appearance of the elements, we're not really needing to alter the default layout at the small screen…
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)
-
-
-