All comments

• 

  Mercysticks•30

  @MercysticksSubmitted almost 2 years ago

  

  QR Code Component using HTML and CSS

  2

  40
  

  Julius Tamale•150

  @julius-tamalePosted almost 2 years ago

  Hello Mercy, Congs on submitting your solution.

  • You need to edit the font-family in your solution so that it aligns with the one in the challenge. You can do that by importing the font from google. For reference use: import google fonts in css

  • You also align .card to the center of the body by making the body a flex-container

  body {
      display: flex;
      flex direction: column;    /* to maintain layout since you have two divs in the body */
      justify-content: center;
      height: 100vh;
  }
  

  • Lastly, in the styleguide.md you're provided with the colors to use for backgrounds and color.

  Happy coding

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Vishal Kumar•30

  @takemeforwardSubmitted almost 2 years ago

  

  Responsive landing page

  1

  20
  

  Julius Tamale•150

  @julius-tamalePosted almost 2 years ago

  Great solution and effort on completing this challenge Kumar. You set the body display to flex , justify-content: center, align-items: center, width: 100vh and height: 100vh so that your container div can be centered. Then apply CSS grid to the container. You can use Complete Guide to CSS Grid to get started with CSS grid. I hope I helped.

  Happy Coding

  0
• 

  Ioan Mert Aydogan•130

  @ioanaydgnSubmitted almost 2 years ago

  

  3-column preview card component

  2

  10
  

  Julius Tamale•150

  @julius-tamalePosted almost 2 years ago

  Great solution Mert, you could use the border-radius on the first and third divs so you can make the edges curved.

  0