Travel Booking
This app challenged me to primarily use Flexbox to structure the application. Flexbox gave me a quick way to align and justify my content. It taught me to be more considerate of the divs surrounding the elements, and to structure the app in such a way that allows me to move from a desktop to a mobile view.
You may notice many areas where I used media queries to organize and implement a more adaptive layout:
- Moving the navbar from the left to the top
- Moving the text within the navbar underneath the icons
- Moving the reviews underneath the amenities
- Moving the search bar underneath the header icons
Flexbox allowed me to easily move groups of components based on those media queries, and nicely aligns and sizes content on the left, center, and right so the page looks good no matter its width.