Skip to content
Submitted about 4 years ago

Mobile first: single price grid page

María Daniela•185
@mdagudo
A solution to the Single price grid component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi! I need feedback about my responsive design. I used Mobile First for the first time and also rem units. I think I learned the MOST in this challenge. I thought: Hmm, this looks simple, let's LEARN about Mobile First design with this one. Then, I realized the issues when I zoom in my pages, and that lead me to investigate about rem units and actually apply them to all my design. I also think that I don't know what I'm doing or if I did it right :(

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Patrick•14,265
    @palgramming

    well when you first transition at your break point from mobile to desk then part of your design is out of the view-port. you might want to look at your break-point. I think the goal should be trying to keep the design consistent across screen widths not that the design needs to be constantly changing. If you are going to use media queries then you might as well you fix widths that can be controlled and updated

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