Grazac Academy - Travel Website landing page solution

This is a solution to the Travel Website landing page January challenge @ Grazac Academy. Grazac Academy challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page

Links

• Solution URL: Add solution URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties

Useful resources

• Adobe Fireworks - This helped me in line 62 to 64, and also in line 93 to 97 on my Markup. I used adobe fireworks to add something that looks like a play button to one of the pictures, also write little text in the pictures in Section 3 of my mark up. I used this because, first of all, that is how the design is meant to be, also this helped me to reduce writing long codes. However if need be to edit anything in those picture, it would be as easy as re editing in in adobe fireworks with the exact styling properties and importing the updated pictures to your codes, all other things remaing the same.

Author

[Victor Amechi Eneh]

• Github - Vhighc
• Twitter - v_high_c