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.
Dhruv
@Dhruvmehta1311All comments
- @eboguckaSubmitted 4 months agoWhat challenges did you encounter, and how did you overcome them?
- @Abinandan1Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
- Implemented drag and drop functionality
- @DivinitrySubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
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.
- @shobharam12345Submitted 4 months ago
- @GrymboSubmitted 4 months ago
- @whawariSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
Learning more about Tailwind CSS, and learning how the box shadow property works!
What challenges did you encounter, and how did you overcome them?- Adding custom local fonts. I overcame this challenge by googling and following Tailwind CSS documentation.
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!
- @MoepyaCodeSubmitted 4 months ago
- @LaytixSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
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.
- @AuroreTurtleSubmitted 4 months ago
- @PedroEustaqSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
CSS Grid
What specific areas of your project would you like help with?Use Flexbox to make a section float to center
- @NaeemSlayerSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
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.
@Dhruvmehta1311Posted 4 months agoYou 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.
Marked as helpful2