i used html and css

Community feedback

• 

  Dylan Heslop•1,600

  @dylan-dot-cPosted about 12 hours ago

  This is an interesting solution but there is a lot you are missing out.

  • meta:viewport tag that is necessary for responsive designs. Go and look that up.
  • this challenge is meant to be responsive by default meaning there is no layout shift so its the same on both desktop and mobile. This also means that if you do it good, you'll have no need for media queries
  • this is a free+ challenge meaning that the Figma designs is free for everyone, I suggest you download it so you can see the colors and the fonts used and the sizes of the divs and so on.
  • you are overusing divs in this challenge I believe you should use more semantic tags like main and articles to help screen readers understand it.
  • you also used percentages for the css which is not a good practice and will make responsive design harder. Also try for a mobile first approach.
  • make sure you go through the readme.md file first before starting the project it will help you with what you need to learn and understand before starting, especially since this is ur first challenge

  Overall your css code is alright but you need some more practice on HTML

  All the best and take a look at my solution to see how I structured it.

  Also download the Figma file so you can have a more precise solution

  1