Order summary HTML CSS

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 11 months ago

  Hello there 👋. Good job on completing the challenge !

  I have some suggestions about your code that might interest you.

  • If you're using a background image, you can also assign a background color without conflicts. You can write background-color: hsl(225deg, 100%, 94%); to apply the challenge's background color.

  • Use background-repeat: no-repeat; to prevent the image from repeating in all directions, ensuring a single background image.

  • Use background-size: contain; to prevent the background image from becoming too large and distorting, as shown in the photo.

  • You can use the following styles to center the element effectively using either of these two methods: For Grid:

    body {
      min-height: 100vh;
      display: grid;
      place-items: center;
      /* Additional styles if needed */
    }
    

    For Flexbox:

    body {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      /* Additional styles if needed */
    }
    

    Later, you can remove this margin:

    section {
      /* margin: auto; */
      /*margin-top: 180px; */
    }
    

  I hope you find it useful! 😄

  Happy coding

  0

  ---

  

  laplatacryptos•150

  @laplatacryptosPosted 11 months ago

  @MelvinAguilar Thanks In this exercise I forgot background coding

  0