- 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)
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.