Responsive NextJS Portfolio

Solution retrospective
I'm most proud of everything, I think it's really well built and responsive, and everything works.
What I would do differently is probably take a closer look at sizing the images.
What challenges did you encounter, and how did you overcome them?Challenges I encountered were pagination from projects, closing the modal dropdown when clicked outside and svg styling.
I overcame them by looking online and it took some time, but worth it.
What specific areas of your project would you like help with?I would like to know a proper way or efficient way to display images on certain breakpoints. With tailwind we use the lg: md: or sm:
. I managed to display images based on the breakpoint by making 3 components and just hiding them, for example, on mobile I hide md: and lg: images and on tablet, I hide sm: and lg: images.
So it takes 3 components to display those images, is there a way to do this more efficiently? if that makes sense.
Thanks in advance!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Christopher Ang's solution.
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