Summary component using CSS flex box

Community feedback

• 

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 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;
  }
  

  1

  ---

  

  Leonard Appelgryn•320

  @KaptainCS3Posted almost 3 years ago

  @anoshaahmed thanks for the feedback

  0
• 

  Leonard Appelgryn•320

  @KaptainCS3Posted almost 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

  0

  ---

  

  Herson•220

  @HersonmeiPosted almost 3 years ago

  @KaptainCS3 Do you use git hub?

  The easiest way to host your website is using git hub pages.

  Besides being important you learn git to show your projects.

  1

  

  Leonard Appelgryn•320

  @KaptainCS3Posted almost 3 years ago

  @Hersonmei yes i use GitHub but i had never heard of GitHub pages🤦🏼‍♂️😔😟 Thanks sir i research on that next i will use it, but my projects are already on my GitHub account

  1