I used html5 and css to complete this challenge

Community feedback

• 

  Willem Dubbeldam•80

  @thinkclear67Posted about 3 years ago

  Nice job! My suggestions would be that

  1. take a look at your mobile(landscape & portrait) and tablet version, because something isn't right and the website is not responsive for mobile-landscape and tablet
  2. the original design has more white space
  3. try the mix-blend-mode property for the image instead of opacity
  4. train yourself to code mobile first and adjust for larger screens with media queries if necessary instead of the other way around. This is much easier and less coding. A plain html website (so without css) is already responsive
  5. use the rem unit only for font-size. Margins and paddings are best done in em's, in this way margins and paddings act responsive if the default font-size is not 16px. The same goes for height and width, the vw and vh are better options.

  Keep on coding ;)

  0