Four card feature section with react

Please log in to post a comment
Log in with GitHubCommunity feedback
- P@Networksentinel
Hi Nata!
Looking at your solution, a couple of things came to mind:
First off, I really love your approach! Honestly, I wish I could use React as you do.😂 You seem to be doing a great job already.
Would you mind sharing some tips or suggestions on how to get started with React? Maybe tell me a bit about your journey or progress? I’d love to get inspired—or maybe even borrow some of your ideas! 🙂
I noticed a small issue with the layout on tablet screen sizes, around 856px to 740px—the cards get a bit squished. At first, I wasn’t sure why because everything else seems to scale nicely, then I realized you skipped the tablet layout and jumped straight from mobile to desktop. Maybe adding the tablet layout would help—it’s more vertical, so it fits better on those screen widths.
Also, I saw a lot of fixed pixel values in your code. Using
em
orrem
units instead ofpx
is a common best practice in responsive design and it can improve UX. I personally userem
for almost everything and even create variables for them, which helps keep projects scalable.I’d really appreciate any tips or tricks you can share about React—thanks in advance! If you don’t have time to respond, no worries at all. Keep up the great work 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