Product preview card component Using Flexbox, Grid and Media Queries

Community feedback

• 

  MikDra1•6,980

  @MikDra1Posted 3 months ago

  Yes 😁,

  Here is a VIDEO that I recommend you to watch if you want to understand the CSS grid better

  Hope you found this comment helpful 💗💗💗

  Good job and keep going 😁😊😉

  Marked as helpful

  2
• 

  P

  Teodor Jenkler•3,820

  @TedJenklerPosted 3 months ago

  Hi @Prototype-113322,

  Nice project! Here are a few additional recommendations:

  CSS Grid vs. Flexbox: Use CSS Grid when the parent element controls the children, such as when you have a group of cards with similar width and height. CSS Grid is ideal for layouts where items are organized in rows and columns. Flexbox, on the other hand, is best for flexible layouts where the children control their own size and positioning.

  OG Meta Tags: I strongly recommend using OG (Open Graph) meta tags to improve SEO and the shareability of your site. Proper OG tags can significantly impact how your site appears when shared on social media and can influence search engine rankings, potentially affecting whether your site appears in search results.

  ARIA Labels: When semantic HTML elements aren't applicable, make sure to add aria-label attributes to your <div> elements. This practice enhances accessibility and contributes positively to SEO by helping screen readers understand the content and purpose of these elements.

  Keep up the great work!

  Best, Teodor

  Marked as helpful

  1