Skip to content
Submitted 11 months ago

Article Preview Component

sass/scss
P
gajbos99•170
@gajbos99
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?

/

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

/

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

Well i ran into a couple problems. first of all. i created mobile first and created the design for both of the share parts. i just do not know how to change that when full screen as that is looking different. the mobile social media icon div is looking different from the one on the desktop. What is the best way to do that? as now i put display none on the light share bar and display flex on the other one and that toggles. but on the desktop version the light one doesnt need to be removed.

Code

Please log in to post a comment

Log in

Community feedback

  • Mateus Lima•490
    @mts-ml

    Hey @gajbos99!

    I liked that you used React and useState. I've used JS to manipulate the class, but using the hook seems better.

    I tried to preview the solution site but got a 404 error. Looking at the code, I noticed that you jumped from a <h1> to a <h4>. I've read that you should always follow header hierarchy.

    The solution differs a little from the design; the background color is off, and the name/date is centered when it should be aligned to the left.

    About your question, I’d need to see the page and play around with it a bit to try and provide some input.

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