Summary component using CSS flex box

Community feedback

• 

  Anosha Ahmed•9,300

  @anoshaahmed

  Posted over 3 years ago

  Hey, this is what I would do to fix the background:

  First, in your HTML, wrap your .container in another div. Let's say, you wrapped in a div called "main-container"

  Then, in your CSS, give .main-container the following properties:

  .main-container {
      min-height: 100vh;
      min-width: 100vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  

  Also, in your CSS, change your body properties to:

  body {
      background-color: #e0e8ff;
      background-image: url(./images/pattern-background-desktop.svg);
      background-size: contain;
      background-repeat: no-repeat;
      font-family: 'Red Hat Display', sans-serif;
  }
  

  11
• 

  Leonard Appelgryn•320

  @KaptainCS3

  Posted over 3 years ago

  please I need help when hosting my exercise on codepen.io, I see my solution appearing differently from others who have posted their own solutions

  02