Four Card challenge using HTML and CSS

Community feedback

• 

  Gerben Dol•3,115

  @GerbenDolPosted over 4 years ago

  Hey Peter! Simply setting a width of 100% won't usually do the trick. 😬

  What I'd suggest is:

  • Start with the mobile layout, because divs are 100% wide by default anyways
  • Add media queries with a min-width for when they need to switch to a layout with columns and add the required code (I agree with @VegaYed about looking into grid or flexbox) to make those!

  This way you won't have to reset any of the code you added for the more complex layout. This is called mobile first, something you might also want to read or watch more about! 🤓

  0

  ---

  

  Peter Potoki•10

  @potopeterPosted over 4 years ago

  @GerbenDol thanks for the feedback

  0
• 

  osvaldo•155

  @osvaldoleivaPosted over 4 years ago

  Hi Peter I recommend you learn about CSS layout like Grid layout and flex layout those topics will answer all your questions https://www.frontendmentor.io/resources here a free sites to learn about those topics, I hope this will help you(sorry my bad english)

  0

  ---

  

  Peter Potoki•10

  @potopeterPosted over 4 years ago

  @VegaYed thanks a lot.

  0