Submitted about 2 months ago

Article Preview Component

gajbos99• 170

@gajbos99

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

This is a solution for...

Article preview component

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?

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.

Community feedback

Mateus Lima• 230

@mts-ml

Posted 9 days ago

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.

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