Submitted almost 5 years ago

First challenge learning HTML and CSS

@rodrcastro

A solution to the Single price grid component challenge

Solution retrospective

Since this is my first ever challenge - and real world project - any feedback is invaluable. I struggled a lot and jumped through a ton of hoops to get to this final design, and I know it's not super close to the design, I also couldn't get mobile to work at all.

That said, I wanted to learn what I could have done better in structuring my file and getting the components right, specially to get mobile working.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Christopher Till•1,070
@chri55
Posted almost 5 years ago
Hey Rodrigo, Very nice solution. You've matched the desktop design very closely. For mobile, I would recommend using flexbox ( https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ) on the bottom 2 containers, coupled with media queries, so that once the screen is small enough, the containers will stack into a column shape. I also think using a bold font weight on the sign up button would increase contrast and make it easier to see. Well done, and happy coding!

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