Skip to content
Submitted about 2 months ago

Artice Preview Component

pheight-89•220
@pheight-89
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I would say that I am most proud of being able to effectively utilize flex properties in conjunction with vanilla JavaScript. As I do not have a premium account, I had to rely on other methods for estimating the layout dimensions.

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

I struggled with creating the div for the share icons and using absolute positioning. Took a while to figure out which parent element needed to have the relative positioning property. However, after reviewing notes that I have taken from learning CSS positioning I was able to determine the actual positioning.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    jfp99•330
    @jfp99

    It looks very clean! good job. observation: -Adding line-height on the <p> element and height on <card> would be great to improve readibility on large screen.

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