Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Single price grid using grid

@Leticiafbm

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-r

Posted

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

@R3ygoski

Posted

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
Discord logo

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