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 helpful
