Tutorials
- Section 05 Natours Features and Tours Sections, videos 038 – 041
- Notes for Section 05
- This week includes probably the most complex bits of CSS to build the rotating cards in the tours section. Versions to upload to your site:
natours/v5-5/this-is-features-version-all-the-usual-files-folders
(use the github repository for the linea icon set)natours/v5-6/this-is-tours-version-all-the-usual-files-folders
Blogging Question
To accomplish the angled look of the top and bottom of the features section, the tutorial makes use of CSS selectors to skew the parent then de-skew the direct children. Why direct children vs. all children? How do both selectors work? Describe how this works using a SCSS code snippet to illustrate.