Using flexbox for card

The solution does not contain semantic HTML. Inside the <main> tag, you are using too many <section> tags, which is not an optimal approach. Instead of using multiple sections, you should use the <article> tag for the card and include <header> or <footer> tags as needed.

While the layout looks good, the card does not align properly across different screen sizes. Additionally, there is a noticeable difference in the design compared to your expectations. You can improve your design skills by practicing or by using a Figma file for proper style guidance regarding width, height, border radius, and padding.