Responsive webpage using Flex and Grid

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @joehaddad1000,

  Nice job on the challenge

  Just a few suggestion, you can replace your body rule with the following to center and space things out.

  body {
      background-color: var(--Violet);
      background-image: url("./images/bg-mobile.svg");
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 2.5rem;
      color: white;
      font-family: 'Poppins', sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  
  main {
      flex-grow: 2;
      display: flex;
      align-items: center;
  }
  

  Hope this is helpful.

  Marked as helpful

  0