That was a really simple challenge. I can't really say a lot about this, except that I actually made the pages for the articles, and that I learned that you can use the unset value in CSS to reset width and height attributes set in HTML. For example:
<img src="test.webp" alt="stuff" loading="lazy" decoding="async" width="600" height="400"> <style>@media (max-width: 768px) { img { width: unset; height: unset; } } </style>
Will reset the widths and heights if the screen is smaller than 768px.- 3
Join Our Slack Channel
Chat and discuss solutions with a growing community of developers.
Well done! My only comment is that it isn't completely responsive on mobile, there's margin on the left of the blog posts after the main one.