Order summary component completed with HTML and CSS

Community feedback

• 

  Joyal James•265

  @silkcoderPosted 10 months ago

  Congrats for completing the task.

  I have two points to make this layout better.

  I am using a wide monitor and the background image looks broken. You can make it better by adding following styles to your body tag

  body {
     //your exisitng styles
      background-repeat: repeat-x;
  }
  

  Once you add this styles, the background image will cover the entire screen.

  When I open your page, I can see a scroll bar in the layout, its because body tag has default margin. As a quick fix, you can add margin:0px to your body tag

  body {
     //Your existing styles
     margin:0px;
  }
  

  Now you will see the layout without a scroll bar

  Its recommended to have a reset.css file in the project to reset all the default styles. You can find sample reset file at https://meyerweb.com/eric/tools/css/reset/

  Good luck with your future tasks

  0

  ---

  

  Olaniyi Ezekiel•7,580

  @Ezekiel225Posted 10 months ago

  @silkcoder thanks for the suggestion

  1