All comments

• 

  Baran Yeşilaltun•30

  @baranyesilaltunSubmitted over 2 years ago

  I dont understand why is the css didnt work on live .

  

  Responsive product-preview-card

  3

  20
  

  Paweł Bojemski•170

  @Spirit-Posted over 2 years ago

  The mistake with not working CSS is using wrong path used in link element.

  Path for CSS you provided is absolute /styles.css. The slash (/) at the begining of the path means "go to the root directory and follow with path" and will produce path example.com/styles.css.

  Because you are using GitHub pages to deploy you must remember that your page will be in subdirectory. You can skip the starting slash and leave just styles.css - the path generated will be example.com/deployed-repository/styles.css.

  I loaded your file correctly by my side and I can tell you are going to need the same for images.

  Anyways, congratulations on your solution!

  It looks nice in mobile version, however there is no desktop one?

  Marked as helpful

  0
• 

  nomatter•110

  @itsgonenowSubmitted over 2 years ago

  The hardest thing was responsive width, mixing min and max width. I am unsure of the minimize responsiveness and could not get the right fonts to work.

  

  Responsive card using flex-box.

  2

  30
  

  Paweł Bojemski•170

  @Spirit-Posted over 2 years ago

  Congratulations for your solution!

  I would suggest loading mobile version of image on smaller screens. Image itself smaller than desktop one and is easier to fit it in design.

  As for fonts: the link you loaded is the whole repository of said fonts. On that page you can select which styles you are going to use and page will generate whole block of link tags you need to get it work on your site. You can find it on right panel after selecting one of the fonts styles.

  Marked as helpful

  1