Mobile First Solution starting at 375px using HTML, CSS, and JS

Community feedback

• 

  P

  Emmilie Estabillo•5,540

  @emestabilloPosted over 4 years ago

  Hi Matt, congrats on completing this challenge! For your questions:

  • In one of the challenges, here's what I did: I copied the image, changed the color of the svg and saved it as a new file. For this challenge, I went another way by using the filter property for the arrow. BTW, you also missed the box-shadow for the component like I did lol.

  • The light blue background represents the body (or whatever parent div of the component you used). It's just the space not occupied by the main content.

  • Starting with mobile styles is usually recommended. Great job by choosing mobile-first. I don't see a need for another media query. The site looks responsive, awesome!

  Hope this helps :-)

  2

  ---

  

  Clinton•260

  @DarkFMPosted over 4 years ago

  When i click on the share icon I see a duplicate icon appear below it. Just something to keep in mind.

  0

  

  Matt Kissinger•60

  @MatthewKissingerPosted over 4 years ago

  @emestabillo

  Thank you for the .svg tip. I'll have to give that a try.

  Yea, I realized there was a box shadow after I submitted lol.

  Thanks for the feedback!

  0

  

  Matt Kissinger•60

  @MatthewKissingerPosted over 4 years ago

  @DarkFM

  Thank you for the heads up. I will look into this.

  Can you tell me at what screen size the duplicate icon is appearing for you? I'm not seeing it on my end. I'm using Chrome's inspection tools if that makes any difference.

  Thank you for the feedback!

  0

  

  Clinton•260

  @DarkFMPosted over 4 years ago

  It appears on the desktop view. I'm using chrome 75 if that helps.

  0

  

  Matt Kissinger•60

  @MatthewKissingerPosted over 4 years ago

  @DarkFM

  Oh ok. I'm running Chrome 84. I'll look into compatibility and responsiveness for different versions of web browsers.

  Thank you for bringing this to my attention!

  0