PSD to Cuba Travel Page Website

Creating a website by installing the psd file design from scratch. The goal is to build website according to original dimensions from design file.

Live Demo

Preview: https://pirci.github.io/cuba-travel-page/

cuba-travel-page

What I Learned:

  • Getting the necessary assets from the PSD file.
  • Get used to the Adobe XD interface.
  • Using Chrome/Firefox's developer tools to debug and see underlying code
  • How elements get placed, styled, and aligned on the page
  • Organizing code with divs to make items easier to position
  • Using CSS Flexbox for the layout of the page
  • Multiple types of CSS selectors

Possible Improvements

  • Cleaner code
  • Use more semantic elements
  • Formatting could be improved when viewing on certain devices/browsers

Any type of suggestions/improvements to this repo are always welcome.