
Responsive Article Preview Component - NextJS React Tailwind
Design comparison
Solution retrospective
I learned how to use NextJS Image
tag to render the
appropriate image file for the screen size. I also sharpened my grid
skills
from this challenge.
I rolled my own tooltip functionality to share social links. I wanted to practice using React hooks to have a solid foundation for more complicated challenges. I am quite proud of the UI enhancement I made.
What challenges did you encounter, and how did you overcome them?This challenge showed the importance of a .fig
file. I spent most of the time
pixel-pushing to set the dimensions, spacing, and layout just right. I just focused on coding the functionality. I am proud of the results since I was only eyeballing it.
I am all good for now. Enjoying and learning so much from these challenges.
Community feedback
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