All comments

• 

  BISHNU POKHREL•10

  @bisu22Submitted over 2 years ago

  While building this project I found difficulties in positioning div,elements and paragraphs. I am unsure of how to position heading right below the QR code image where the text and image are symmetric .

  

  used div element as classes for css styling

  2

  20
  

  Brandon•80

  @oallelsefailoPosted over 2 years ago

  Hey @bisu22,

  I think you have your style sheet linked within a folder on your index.html file (href="css/style.css"), although I didn't see that folder in github. It looks like it's sitting in your root file so the style isn't loading. I'd start with fixing that part then we can see how it actually looks.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Fidget836•20

  @Fidget836Submitted over 2 years ago

  This is my first HTML/CSS challenge so if you see bad details in the code or bad organization of the elements, don't hesitate to tell me, so I can avoid keeping these potential bad habits. But I wonder especially how to change the text in css with the media queries? In this challenge, we can see in desktop version "Gabrielle <br /> Essence Eau De Parfum" and after in mobile version "Gabrielle Essence <br /> Eau De Parfum". How i can change that ? Thank you. Have a good day.

  

  My first challenge HTML / CSS - Product preview card component

  3

  51
  

  Brandon•80

  @oallelsefailoPosted over 2 years ago

  Hey!

  There are certain ways you can get the text to drop (width / font-size / line-height etc). But since you put the <br> within the text itself, when the media queries kick in, it's still going to be reading that break in there.

  Also make sure to put some info in the alt tags. Something even I forget from time to time.

  0