Skip to content
Submitted about 1 year ago

Single price grid using grid

Letícia Fernanda•190
@Leticiafbm
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Peter Wahu•290
    @Pe-te-r

    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.

  • Bernardo Poggioni•6,770
    @R3ygoski

    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.

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