A static Home page to learn the right workflow to take a Design made in Figma or adobe xd to working website coded in plain html/css. Template URL: https://elements.envato.com/es-419/knife-travel-travel-agency-web-design-template-7JC2PP See it live on: https://jdgaravito.github.io/travel-Site/
- How to use Figma, for this excercise i gathered a Figma template file, and then i tried to code it in html and CSS
- How to use CSS variables to save time.
- Basics of flexbox, align-content, justify content.
- Parenting CSS elements with < .
- Basic of css grids.
- Use of webp format.
- The use of :nth-child(even) to apply styles every 2dn child item.