Skip to content
Submitted 6 months ago

Single price grid using grid

Letícia Fernanda•120
@Leticiafbm
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

What are you most proud of, and what would you do differently next time?

I am proud of how I used grid and of understanding better the measurements.

What challenges did you encounter, and how did you overcome them?

I had trouble making the website be responsive.

What specific areas of your project would you like help with?

I need help making it responsive.

Community feedback

  • Peter Wahu•190
    @Pe-te-rPosted 6 months ago

    Hey buddy, about your question on making it responsive, you don't have to rewrite css for every media screen. You can always adjust the display mechanism for each box. You could have displayed using grid where the top box-1 takes a span on two columns and the other two boxes share each it's own column, then on responsive you just adjust what each box has two occupy. Try researching more about grid display system, it will be a better choice.

    1
  • Bernardo Poggioni•5,280
    @R3ygoskiPosted 6 months ago

    Olá novamente Letícia, primeiramente, parabéns pela conclusão do seu projeto.

    Abri um issues desse projeto lá no Github, pra poder dar algumas dicas quanto ao seu projeto. Eu também respondi sobre a parte de responsividade, e refiz alguns trechos do seu CSS, recomendo humildemente que dê uma olhada.

    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