Skip to content
Submitted over 1 year ago

single-price-grid

Amir Hashemi•480
@AmirhosseinHashemi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello everyone

  • It was a good practice to get familiar with grid system.

  • I do my best to write clean and less code to have great result and I use some customized classes to avoid repeated code.

  • I am trying to use rem instead of pixel to measure my element.

  • I am eager to get any idea about this project.

  • here you can see my result => live solution

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted over 1 year ago

    To center .main on the page using flexbox, add min-height:100vh; display: flex; align-items: center: justify-content: center; to the body

    body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    0
    Amir Hashemi•480
    @AmirhosseinHashemiPosted over 1 year ago

    @Hassiai

    Thanks so much for your help my friend. I 'll use it

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord