Design comparison
Solution retrospective
I'm proud of myself for being able to complete the project, as well as being able to resourcefully use my knowledge to be able to find solutions on my own without having to ask for outside help
What challenges did you encounter, and how did you overcome them?The biggest challenge I faced was getting proper alignment and style from desktop to the mobile version of the page. Furthermore being able to remove hover effects that are active in the desktop version that are not active in the mobile display.
What specific areas of your project would you like help with?I would like tips on how to improve my code from simplifications to more readable and cleaner code.
Community feedback
- @YacoubDweikPosted about 1 month ago
Hey Brian! Well done man! This is a perfect copy of that design actually! The only thing I wanna say is that try to avoid giving fixed width to the parent container here, I mean look at this design here it's amazing but it starts overflowing horizontally when the screen is only 390px! with one property like this one width: min(90%, 330px); given to the parent div look how powerful it's gonna be! instead of just make it fixed forever by hard coding width: 330px. Let's keep in touch as I am looking for some guys to support and help each others on our way to become front-end devs, it's fun together right? keep it up dude!
Marked as helpful0@bmeinert8Posted about 1 month ago@YacoubDweik Thanks for your input, I appreciate it. Absolutely, I'll give you a follow man.
1 - @MrKB03-creatorPosted about 2 months ago
The card design looks great within the 600px to 1040px range; however, the responsive mobile website needs some adjustments in its coding.
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