Submitted 6 months ago

Blog Preview Card using Tailwind CSS

Rora Alem• 150

@Rgit915

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

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am most proud of trying out Tailwind CSS for the first time, and I find it incredibly handy. I am glad that I decided to give it a try. If I were to do something differently next time, I would probably explore more advanced features within Tailwind CSS to further enhance my projects.

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

When I first started using Tailwind CSS, I faced some challenges. Figuring out how it works, organizing my folders, extending styles with custom colors, and adding custom fonts were all new to me. To overcome these, I searched for better tutorials and resources. I followed the official Tailwind CSS documentation and also watched the crash course on JS Mastery YouTube channel. This experience not only helped me understand Tailwind CSS better but also improved how I organize my projects and style them.

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

I need help organizing my code for better readability and following best practices. I'm looking for guidance on how to structure my project effectively with Tailwind CSS or recommendations for the best resources to follow.

Community feedback

konja kuma sampson• 270

@DR-KSP-VIRUS

Posted 6 months ago

You're doing great; keep it up.

You can read more about semantic HTML on the web, from codecademy, but you may follow this structure as well.

<body>
     <nav>
      <--for your navigation(s)-->
     </nav>
    <main>
         <section>
            <--
       some divs comes here
        what section you want to put here.
            maybe you slide frame-->
        </section>
    </main>
    <footer>
        <-- some sections and divs can come here
      </footer>
</body>

Rora Alem• 150

@Rgit915

Posted 6 months ago

Thank you so much for your feedback!

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