What I need to improve for this project?

Community feedback

• 

  David•8,000

  @DavidMorgadePosted over 2 years ago

  Hello and congrats finishing the challenge!

  To answer your question about media query sizes, the breakpoints usually are:

  Mobile min-width: 375px Tablet min-width: 768px Desktop min-width: 1440px

  Hope my feedback helps you!

  Marked as helpful

  1

  ---

  

  Troy•170

  @troy03Posted over 2 years ago

  and last question if I am correct that max width will use that container will be no longer larger and min width is to avoid shrinking a content

  0

  

  David•8,000

  @DavidMorgadePosted over 2 years ago

  @troy03 max width means that the styles will be until that width is reached, and min width means that the styles will start at that desired width.

  Normally you use one of the two, using both at the same time can be hard to mantain in larger CSS files.

  Marked as helpful

  0
• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Troy, congratulations for your solution!

  Answering your question:

  The best way ever to improve box-shadows is by creating these shadows using a software as Figma/Adobe XD/Sketch because you can create the box-shadow visual playing with the values and just drop the code inside the CSS sheet.

  The two aspects a box-shadow should have to look smooth is a low opacity and good amount of blur.

  If you're not familiar to Figma/Adobe XD/Sketch you can use some online tools to create the shadow and just copy its code. Here's one good online tool for box-shadows: https://www.cssmatic.com/box-shadow

  Hope it helps and happy coding!

  Marked as helpful

  1

  ---

  

  Troy•170

  @troy03Posted over 2 years ago

  @correlucas Thanks for the feedback and thanks for suggestion especially to a website you provide

  0