Submitted over 2 years ago

Responsive News Homepage with Next.js and TailwindCSS

next, react, tailwind-css

Naomi Pham•180

@naomi-pham

A solution to the News homepage challenge

Preview Code

Solution retrospective

I'm new to React and practicing making React components. I would love to receive any feedback on the components and file structure. Thanks so much!

Side note: This project applies a bit of CUBE CSS by Andy Bell (https://cube.fyi). It stands for Composition, Utility, Block, and Exception. I find it a nice combination with Tailwind. CUBE could be used for repeated layouts and blocks (e.g. card, box, etc.) while Tailwind is reserved for unique styling (utilities) of each element.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Naomi Pham's solution.

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