Responsive article preview component

Congratulations on completing this challenging task! 👍 👏

• The icons are the same in both mobile and desktop views, so there's no need to rewrite the entire section in HTML. You can hide the unnecessary parts by setting their display property to display: none This way, you can adhere to the DRY principle. The issue between desktop and mobile views stems from this.

-Additionally, the sizes of the images you used differ from those in the design. You might want to pay a bit more attention to this.

Good Luck ✌️

Hi @mike15395,

Nice project! I noticed that you use a hover effect to show the social icons on desktop. While that works, enhancing the user experience by allowing users to click on the icons to open them and click outside to close them would be a great improvement. You can achieve this with DOM manipulation.

As an extra challenge, consider adding hover effects on the icons. To do this, use the <SVG /> tag and style it with CSS. On mobile, I’d also suggest making the popup absolute so it doesn’t push down your component when clicked.

Hope this was helpful!

Best, Teodor