I didn't understand why my post title was too big and wrapping on smaller screens, until I realised I had to scale the font size with the browser size.
Proud of the tiny details I added to make it look more unique
What challenges did you encounter, and how did you overcome them?Problems with transitions and I overcame them by looking up tutorials and better understanding them with some research.
What specific areas of your project would you like help with?naming conventions with class names, anything people can find that I can improve on please let me know.
Learning more about Tailwind CSS, and learning how the box shadow property works!
What challenges did you encounter, and how did you overcome them?It was mentioned not to use media queries in the challenge, however I used media queries to match the design. I searched on how to create responsive text without the use of media query and stumbled upon the clamp() function and the (vw, vh, vmax, and vmin) CSS units. I did not know how to exactly apply them to the design. It would be great to know how to achieve responsive text without using media queries!
I had to work with grid properly, which help solidify my knowledge on it. Learning better about scaling and making things responsive even more so than the challenge prompted.
What challenges did you encounter, and how did you overcome them?Sizing grids and its gaps.
What specific areas of your project would you like help with?Would have loved to had everything fit into the 1440px vh without having to scroll down, but wasn't sure what to tweak to achieve that.
CSS Grid
What specific areas of your project would you like help with?Use Flexbox to make a section float to center
I'm most proud of achieving a pixel-perfect match to the design and using semantic HTML effectively. Next time, I would spend more time on optimizing the responsiveness.
What challenges did you encounter, and how did you overcome them?Mostly in Flexbox and responsiveness
What specific areas of your project would you like help with?I would appreciate feedback on improving the responsiveness of my layout, particularly in handling various screen sizes and orientations.
You need to work on responsiveness. Your border touches the corner in small screen.. Use max-w-anything w-90% mx-auto. Use these. Good work.
