Article Preview Component

This is a solution to the

Article preview component challenge on Frontend Mentor.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Overview

Your challenge is to build out this article preview component and get it looking as close to the design as possible.

Your users should be able to:

• Only use JavaScript for initiating the share options.
• View the optimal layout for the component depending on their device's screen size
• See the social media share links when they click the share icon

Satisfaction

The Good

• I like the use of flexbox with the mobile design.
• I'm happy with how fast I was able to create a toggleable menu.

The Bad

• The responsive design was rushed and I'm not satisfied with it.
• Git commits were all over the place and rushed. Something I don't normally do, It's important to me that I don't repeat this.

The Process

Tools

What I Learnt

I don't often get to use active and non active stats within CSS, using JavaScript to create a toggleable share feature was fun. My previous projects have used state management tools like react, so having pure JS was interesting.

Continued Development

I would like to redo the desktop design, the responsive nature of the page is very off and definitely needs repairs.