All comments

• 

  Elena Martinez•80

  @nenamartinezSubmitted about 3 years ago

  First completed challenge! I seem to have some issues with padding when it comes to smaller sizes (~450 px or smaller), the screen seems to force a scroll and I'm not sure why. Advice on how to write more concise code and advice about responsive design would be particularly helpful. Thank you.

  EDIT: Oct 22, 2021 - I re-uploaded the code with some semantic corrections as well as a fix to the responsive design. Thanks for the great feedback!

  

  Order summary page using CSS

  2

  10
  

  Christopher J Mendez•50

  @cmendez20Posted about 3 years ago

  In terms of your overflow issue, your card class has a fixed width of 40rem. Thus, the screen creates a scroll bar to accommodate the 400px box + any padding/margin. I would experiment with making that value smaller when the screen is at ~450 px or smaller.

  Marked as helpful

  1

  This comment has received 1 replyShow