Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Article Preview with Tailwind + AlpineJS

@Brian-Pob

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


Okay. So this one is really scuffed. I tried to use tailwind alongside my regular styles in my solid app but found out it overrides my styles. So I decided to put the tailwind project in a separate folder. I decided to use just plain HTML. For simplicity's sake, I'm using the Tailwind Play CDN for my styles and Alpine JS for super basic functionality. I know this is not exactly what the challenge calls for but I sadly have other things to do. 😅

Also, it seems that the HTML parser that FEM uses doesn't play well with AlpineJS. So this one is gonna have a ton of errors.

I may improve this later on when I have the time.

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