Product preview card

Community feedback

• 

  Linas•100

  @getlinasPosted about 1 year ago

  Hey man, you're using margin to center container, but it looks off on different browsers/computers then yours. You should use "flex" for that. Looks it up or can check my code, I 've just submitted same exercise.

  Basically, you can center any object inside of it's parent by setting these properties to your container:

  .mainclass-container { display: flex; justify-content: center; align-items: center;

  }

  Check what it does (don't forget to remove margins).

  Also, desktop version should start showing way sooner then 1440px width. It file Frontend Mentor says that design was made with 1440px wide screen in mind, but it's not a breaking point.

  Good luck! :)

  0