@emestabillo
Posted
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 thebox-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 :-)
@DarkFM
Posted
When i click on the share icon I see a duplicate icon appear below it. Just something to keep in mind.
@MatthewKissinger
Posted
@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!
@MatthewKissinger
Posted
@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!
@DarkFM
Posted
It appears on the desktop view. I'm using chrome 75 if that helps.
@MatthewKissinger
Posted
@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!