Article component built with Sass, Flexbox, & vanilla JavaScript

Solution retrospective
This is my first Frontend Mentor challenge I've completed with JavaScript. Any feedback is welcome!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @emestabillo
Hi Jen, great job! Component is responsive and popup works well. Just really minor tweaks here:
- I'm not getting misalignment on the
card-info
on my end, but the SHARE text could be vertically centered .card
has a bottom margin. Not sure why but since the article is centered via flexbox, you might not need it. Maybe to match the design? Playing with paddingand the contents inside the divs seem to work better for me.- I think the max-width for smaller devices can be reduced so it's not laying wide before the breakpoint. Of course this is just a matter of preference :-)
- the box-shadow is slightly heavier than the design
If you haven't already, download the chrome extension PerfectPixel and use it together with the sketch files to get really close to the design. Hope this helps :-)
- I'm not getting misalignment on the
- @surbaniec
Hello, on desktop view avatar, card__info and share btn are off the card. Also your social links are not centered within div
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord