Responsive Landing Page using CSS grid

Community feedback

• 

  MikDra1•6,920

  @MikDra1Posted 3 months ago

  You've done well. If you want both main columns with equal size, and not one bigger then the other one, you should use css grid. If you have no idea how it works and how to do this here is a code snippet and also a VIDEO for you to watch.

  Here is the code:

  .card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  }
  

  Hope you found this comment helpful 💗

  Good job and keep going 😁😊😉

  0
• 

  Boris•2,870

  @mkborisPosted 3 months ago

  To align the icons you can use flexbox, add this on the div#summary h3

      display: flex;
      align-items: center;
      gap: .4rem;
  

  0