Four card feature section

Community feedback

• 

  Ohazulike Stanley•220

  @GentlestanPosted 3 months ago

  Great job on your project! I always appreciate seeing well-implemented semantic HTML, especially with elements like <section>, <article>, <main>, and <footer>. These elements not only help organize the content but also make the HTML more readable and accessible. Additionally, the use of the alt attribute for images is a great practice, contributing significantly to accessibility for users with visual impairments.

  Looking at your project, one minor issue I noticed is its responsiveness on very small screen sizes, particularly those around 260px in width. While such small screen sizes are rare, they do still exist, and it might be worth reviewing the grid settings in your media queries for smaller devices. It’s possible that there may be some conflicting CSS rules or grid-related settings that are causing the layout not to adjust as expected on these smaller screens.

  Overall, you've done a fantastic job with this project! Keep up the great work, and I’m sure you’ll continue to improve and create even more impressive projects!

  0

  ---

  

  P

  Deepa Subramanian•200

  @sdkdeepaPosted 3 months ago

  @Gentlestan - thanks for pointing out. The screen size as mentioned in the problem is 375px so made an assumption that those are the requirements. Take a look here: 375 pixel

  There are no such devices with that screen size that you have mentioned unless you test in on the browser: https://screensiz.es/phone

  0

  

  Ohazulike Stanley•220

  @GentlestanPosted 3 months ago

  @sdkdeepa You're absolutely right, and I appreciate the clarification! I did test your project in the browser and viewed it at various screen sizes, including the 375px one you mentioned, and I must say, you've done a fantastic job. It looks great, and the layout is solid across all tested screens. Keep up the excellent work! Looking forward to seeing more of your projects in the future

  0