CSS Grid

Community feedback

• 

  Natali 👻 Grimm•1,150

  @Grimm-NPosted 12 days ago

  First of all, fantastic work! 🎉 It’s clear you’re really putting in the effort, and the results look awesome. Great attention to styling and structure—it’s coming together beautifully! 👏

  A few suggestions that might be helpful as you continue refining:

  1. Consider a Two-Column Layout on Medium Screens: Right now, the cards look great on desktop and mobile, but a two-column layout on medium screens could make things feel more balanced and readable at that in-between size. 📱→💻 It will also help prevent the “stretched” look as screen sizes increase, making for a smoother user experience.

  2. Tiny Typo Alert in the Closing Tag: I noticed a small typo in your closing tag: </div class="reporter__information">. The closing tag should be </div> without any class attributes. This is because the closing tag only needs to close the div element itself; adding a class there can confuse the browser and cause unexpected styling issues. 🔍

  3. Use Relative Units Instead of Pixels: Switching to units like em, rem, %, vh, and vw instead of pixels can help make your design more flexible and responsive. 💪 Relative units adjust more gracefully to different screen sizes and user settings, making your design accessible and more adaptable in the long run.

  4. Try Adding an Image of Quotation Marks in the First Card: Placing an image of double quotation marks (like in the example) could be a great way to practice positioning and styling. 🖼️ This will not only give you hands-on experience with image placement but will also add a bit of visual flair to the card, making it feel more dynamic and engaging!

  Keep up the amazing work—these tweaks will just add the final polish to your already great design! 🎨✨

  Marked as helpful

  1
• 

  Eugen•100

  @Fender60Posted 12 days ago

  Thank you very much for the detailed and thorough review, it is very helpful to me. Especially about the adaptive for medium screens, next time I will be more attentive to such details thanks to you.

  0