@BuildAndBreak
Posted
Hi Abdullah! Congrats for completing the challenge!
Pro's:
-
Use of CSS Variables: Defining color and size variables at the root level makes the code more maintainable and allows for easy updates.
-
Responsive Design: The inclusion of media queries demonstrates a commitment to responsive design, ensuring the layout adapts to different screen sizes.
Cons: -To enhance responsiveness, and avoid hitting the edges on small screen sizes, I would consider adjusting the .card and .blog-image widths using relative units like "%" instead of fixed values:
Like this for example: .card { width: 90%; /* More flexible width / } .blog-image { width: 100%; / Image will adapt to card size */ }
- In the heading selector, the (width: 200;) value is missing a unit, which could cause issues.
-You could use an <address> tag for the creator’s information, as it’s associated with contact details or authorship in most cases.
Marked as helpful
@Abdullah-trial
Posted
Thanks for the recommendation. It means alot to me 🫡🫡@BuildAndBreak