I used grid to implement this design.

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  Congratulations for taking your first Frontend Mentor challenge.

  • for mobile up to 375px it looks good, thereafter the design breaks.The site has to be presentable across all devices possible. Your @media (max-width: 375px) must be changed to kick in later - maybe around 600px. If you can add another media query to polish it up , do so.
  • be wary of multiple h1 headings on a site as it is considered not best practice. See the following article for best use cases. mdn headings

  Marked as helpful

  1

  ---

  

  Dewan Masuma Nazneen•295

  @mnazneen20Posted about 3 years ago

  @ChamuMutezva thank you very much... -I realized the problem but I followed the style guide. In the style guide, they provided the following width: 375px for mobile and 1440px for desktop. -And thank you again for the article, it is very helpful.

  0
• 

  Ahmed Faisal•5,095

  @afrusselPosted about 3 years ago

  Nice work ... Great 👍 almost close to design

  Marked as helpful

  0

  ---

  

  Dewan Masuma Nazneen•295

  @mnazneen20Posted about 3 years ago

  @afrussel Thank you😀

  0