Travel Landing Page

I made this project to get more practice with CSS grid as well as flex.

Link to project: Travel Landing Page

How It's Made

Tech used: HTML5, CSS3, JS

I wanted to get in more CSS grid practice. This project has inspiration from airbnb.

Lessons Learned

When working with this project there is a ton that goes into grid as well as flex. One of the great things about grid is that you are able to quickly scaffold your columns and rows.

TODO:

  • Use grid-template-areas for more customization instead of having to move <div>'s around.
  • Make the navbar and footer sticky.
  • Integrate with API to make the page more dynamic
  • Add project link and image.

Projects

Take a peek at other projects that I have in my own portfolio:

🚀 Portfolio: Portfolio

🪙 Coin Forge: Coin Forge

☕️ Pronto Coffee Co.: Pronto Coffee Co.