Flexbox, CSS Grid

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hey, Sigma! 👋

  Good effort on this challenge! 👍

  You can use the <picture> element to switch between two or more images depending on factors like the size or resolution of a screen. It seems like a good fit for the images that make up the cards in the "Creations" section of this challenge. This great article on responsive HTML images from MDN will help you get started.

  One thing about your solution I might suggest is to maintain a set amount of space between the cards in the grid in the "Creations" section. At certain points when the width of the screen grows, there's quite a bit of space between the elements of the grid and it can look a little odd. I think it's okay to have some empty space to the sides of the entire grid to ensure that the space between grid items is consistent. 😉

  Hope that helps. 🙂

  Keep coding (and happy coding, too)! 😁

  0

  ---

  

  Sigma•240

  @TrashAlphonsePosted almost 4 years ago

  @ApplePieGiraffe Wow, thanks, the article was super helpful. Coding muscles are getting bigger 💪

  0