From the course: CSS: Combining Grid and Flexbox
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
CTA summaries - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
CTA summaries
- [Instructor] Through our webpage, we'll be breaking up the various sections by using these call to action summaries. These are styled in a similar way, except the content and the imagery will be different. We have three of these on our current webpage. Let's switch into our code editor, and you can see the HTML that I'm using. All of the HTML is pretty much the same. I have a section with a class of cta, and then a unique class of cta1, cta2, and cta3. Each of these sections has an H1 tag and a paragraph tag. We're going to be using some shared CSS rules, since most of the formatting is fairly similar. The other thing that I want to point out is these do break up various sections of our page. Some of those sections, we haven't built yet, so when we look at this currently, they're just going to be stacked on top at each other. As usual, we'll start with the mobile version. If you scroll down and find the call to action…
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)
-
-
-