Order Summary Card - CSS Flex, Media Queries

Community feedback

• 

  Nombiembre•180

  @NombiembrePosted about 1 year ago

  Hello, Nice job, you really nailed the look!

  In this challenge theres no need to use media queries (maybe only to change the background image to mobile)

  The class payment-plan doesn't shrink right because it does not has a max-width so it just overflows, but, don't add a max-width, there's a better solution and it is in how you structure your index.html

  In your main card you used three div's, one for the "header", the second one for the payment, another for the button, if you look close, is better to just use two div's, one for the image, and the other one for the content itself, here put a max-width of the girl image width, and that should fix the line 29 error.

  In the second div where is your content you just add a padding and a display grid to add a gap and therefore, a margin between elements. Theres a channel i highly recommend for css and is called Kevin Powell, also, heres a video of a similar challenge using only two div's

  Great job on your project, and keep up the excellent work! 👍

  0