I find it challenging to adapt to Tailwind’s mobile-first breakpoint system because I'm used to designing for desktop viewports first, then adjusting the layout as the screen size gets smaller. I overcame this challenge by gradually shifting my workflow—starting with the base (mobile) layout, then layering in responsive utilities, in this case, md:, to enhance the design for larger screens. This helped me embrace the mobile-first mindset and take full advantage of Tailwind's approach.
Latest solutions
Latest comments
- @keilalilyWhat challenges did you encounter, and how did you overcome them?@camilabandeira
Nice work! The colors really pop and the card looks great. The text and images are clear. Great job! 👏
- @thunderbolt404What are you most proud of, and what would you do differently next time?
I've just completed a front-end coding challenge from @frontendmentor! 🎉
You can see my solution here: https://www.frontendmentor.io/solutions/qr-code-component-S2iX4_6pne
Any suggestions on how I can improve are welcome!
@camilabandeiraYou're doing an amazing job! Keep practicing and pushing yourself—every step you take brings you closer to your goals. Keep up the great work!