Skip to content
Submitted almost 2 years ago

Flex and Grid Solution

Dennis Zhang•320
@ieatn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey there! Thanks for checking out my beginner solution. I used grid this time for the layout.

  1. I couldn't get the background image in the right place.
  2. AHH why isn't my project being responsive for mobile screens?
  3. Is my code clean? How could it be better?

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted almost 2 years ago

    change the background-size value to contain to get the desired design.

    In the media query give .card a width of 80% or 90% , to make the content responsive per screen.

    Give .card body background color of white instead giving .card a background-color of white.

    Hope am helpful

    Well done for completing this challenge, HAPPY CODING.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord