Design comparison
Solution retrospective
I am very satisfied with the time it took me to complete the challenge.
What challenges did you encounter, and how did you overcome them?This challenge did not present any problem to me. Obviously, I will be very kind to anyone who can point out to me areas of improvement that I have overlooked.
What specific areas of your project would you like help with?I would like to know alternative ways to utilize images and also how to consider more responsive approach.
Community feedback
- @edpauPosted 3 months ago
Nice code. I am also looking into ways to utilise images too, I use https://app.imagify.io to optimise my images, what did you use, I see your image size is small.
Your in-line styling in html for the img tag, is for the browser reserve enough space on a page for images, and avoid disruptive layout shifts? Is it a better practice than in writing it in a style sheet?
I used media queries for responsiveness in this challenge, tried to make the job title text truncates with an ellipsis (...) when the screen becomes small. It ensures the job title stays on a single line.
I just learned clamp( ) and inline-size, it is very impressive to see the card and fonts dynamically changed without using multimedia queries. FYI, I learned from below link. https://www.frontendmentor.io/solutions/landing-page-using-css-flexbox-TZqzM7wgbR
Marked as helpful0
Please log in to post a comment
Log in with GitHub
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