It's time to work on your main feature sections. Start by working on how your content looks on a mobile device, practicing techniques like calculations, nesting, and color functions.
- [Instructor] It's time to start working…on the main section of content…which are these sections in the middle…that have a phone in them.…What we're going to do here…is go to our style.css and just like we've done before,…we're going to import a new section,…it's going to be called features,…and then we'll need to create a new file…and go ahead and save this one…and start working on this features.css.…
Now, in order to know what to do here,…we're going to have to review our index.html file.…Right underneath our header,…we have a series of items, each with a tag of section…and each of those sections has a class of feature.…You can see one there and here's the other one.…Inside each one of these feature elements,…we have a description part,…as well as a sidebar that has the phone…and the phone is just right now an SVG.…
And also in the description, we have a headline,…as well as some text.…We can see the feature-description-text here…and then the text that goes in there just sort of fits…within the feature-description-text class.…
Released
4/28/2017- Organizing your CSS into partials
- Creating variables
- Using custom selectors
- Working with flexbox layouts
- Setting up a mobile layout
- Making your features responsive
- Alternating layouts
- Adding animation
- Adding videos
Share this video
Embed this video
Video: Setting up a mobile layout