Submitted 3 months ago

Article preview component

Cynthia Agu• 110

@cynthiachinenye

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud of what I have achieved so far I was able to use:: before and:: after methods at least now I understand what and how it is been used for and when to apply it . I was able to learnt tooltip in the design and it made lots of sense.

What challenges did you encounter, and how did you overcome them?

I encountered lots of challenge on javascript because I didn't use jquery to answer I did make enquires on js sheet to call on things when using add event listener. since I used bootstrap positioning outside a card was kind of wired at first but it beginning to make lots of sense now.

What specific areas of your project would you like help with?

z-index on my share btn isn't displaying

Community feedback

Adhi• 240

@Adhi-S12

Posted 3 months ago

Hey, the solution looks good, here are a few things that you can improve.

The card does not need a border. Since the background color is different and the card is white, the card is already separated from the background, You can use a box-shadow to make it look elevated.

Instead of using z-index and using the same button, just copy and use that button on the component.

Try to focus a bit more on font-size, padding. Also try to write without using any framework at first, it'll help you a lot.

Marked as helpful

Please log in to post a comment

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