Four card feature section using HTML and CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Adil Khursheed, congratulations for your new solution!

  Here's my tips for you to fix the container aligment:

  Use these properties to give the container some alignment, Flex for the alignment and min-height: 100vh to align the component

  body {
      display: flex;
      /* width: 100vw; */
      min-height: 100vh;
      background-color: var(--very-light-gray);
      padding: 3rem 5rem;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Adil Khursheed•460

  @adil-khursheedPosted over 2 years ago

  @correlucas Thank you so much Lucas. That really helps. I have done the necessary changes in my code.

  0