Submitted 2 months ago

Article preview CSS with a sprinkle of js just start the js

AReactDeveloper• 340

@AReactDeveloper

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?

i would try to get the down arrow working also i would try to get the social media panel look identical i would polish and review my CSS next time i would focus more on accessibility best practices

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

just getting that user box to be that small I struggled with the image size and position if you have any tips or tricks on best way to get that work with few lines of codes id appreciate it thank you

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

aligning things and positioning them without something else breaking in the site

Community feedback

martbudr• 90

@martbudr

Posted 2 months ago

The solution looks good, both on mobile and desktop. The code is clear, one thing that I just noticed was that I think that there is no need to add class to 'main' object - as there should be only one object of this type in the file

AReactDeveloper• 340

@AReactDeveloper

Posted 2 months ago

@martbudr hey thank you so much for your words means a lot i mainly use the <main> for accessibility reasons here is an article if your interested thank you https://www.linkedin.com/pulse/crucial-role-main-element-html-accessibility-aaron-kagan

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