Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Cannot read properties of null (reading 'code')
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Fully responsive article component HTML/CSS and Storybook UI docs

#accessibility#storybook
P

@ccreusat

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Challenge done in HTML and CSS. Small JS for the share component.

The big part of this challenge was to use Storybook to separate all components. I wrote it in vanilla HTML / JS and I assure you it is way harder than with a modern framework.

You have everything in the git repo and I paste here the online docs in two different ways :

  • with chromatic : link
  • static docs (as an external git repo) : link

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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