Latest solutions
Some basic CSS grid layout
Submitted 4 months agoHow could I solve the mobile size challenge without using media queries.
Latest comments
- @Emiliano-DM@thatsthat
It looks like you are just starting with this solution, so not much to comment here.
- @cia2003What are you most proud of, and what would you do differently next time?
I think I can use clamp to determine the range for the responsiveness (even if I think there would be a miscalculation in determine the medium value).
I see in the code that I keep repeating writing the font's color. For the next time, I think I will learn how to write it effectively.
What challenges did you encounter, and how did you overcome them?When I want to make the font responsive. I start to search the answer via documentation and found out the clamp.
What specific areas of your project would you like help with?I think I'm good right now.
@thatsthatThis is nearly pixel perfect, overall I am impressed. If you want to nail the screenshot comparison: the size of the text on the date part is slightly larger on your code compared to the reference design.
- P@JonesKwameOseiWhat are you most proud of, and what would you do differently next time?
I am proud to complete this challenge.
What challenges did you encounter, and how did you overcome them?CSS styling.
What specific areas of your project would you like help with?Frontend with vanilla js
@thatsthatIt looks quite good! You could improve it by trying to get the proportions of the qr image relative to the text part of the card more similar to the reference design. In your solution the image looks a little bigger relative to the text part.