Design comparison
Solution retrospective
Realized with react js. I'm waiting for your feedback to keep improving.
Community feedback
- @elaineleungPosted over 2 years ago
Hi Jose, great job building this with React. Even though there isn't a lot of functionality in this project, I think it's a good idea to practice writing out components.
Just a note about resizing: At around the 900px to 1000px, some text seems to be overflowing off the screen and some is getting a bit unreadable in the shape. I would try making that gap smaller; you can even use the responsive
min()
if you want the gap to change according to viewport width (e.g.,min(5vw, 80px)
). The other thing you can try changing is to not use a fixed width for the card text. Lastly, for the mobile view, I'd probably shift the phone image closer to the top/center instead of keeping it down below.Once again, good work here, and happy coding π
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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