Skip to content
Submitted 3 months ago

Card-Bootstrap-SCSS

Teodor Jenkler•3,820
@TedJenkler
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud of mastering Bootstrap's responsiveness, which took some time but resulted in a clean, responsive design.

Next time, I'd focus on understanding Bootstrap's grid system earlier to speed up the process and explore more customization options.

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

I encountered some clashing CSS rules while working on this project. I overcame them by refining my understanding of Bootstrap's classes and structure. Since this was a practice project, it was a great learning experience to deepen my knowledge of Bootstrap.

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

Feedback is welcome, especially on SCSS or Bootstrap.

Community feedback

  • Vasu Vallabh•190
    @coding-vasuPosted 3 months ago

    Feedback

    Looks Good!

    Positive Points

    1. The screen is responsive.
    2. The code is simple & easy to understand.
    3. Overall, the solution seems pretty good.

    Areas for Improvement

    1. Semantic HTML: You need to work on using semantic HTML. For example, you could have used tags like <time>, <figure>, etc.

    2. Design Details:

      • You missed some font weights.
      • Shadow on hover is missing (as shown in the Figma file).
      • Tab index & focus states are missing.

    Encouragement

    If you practice your eye for detailing, you can do wonders.

    Thank you for your effort!

    Marked as helpful
    1
    Teodor Jenkler•3,820
    @TedJenklerPosted 3 months ago

    @coding-vasu, thanks for your time. Looking back, I realize I missed a lot because I was too focused on Bootstrap.

    0

Please log in to post a comment

Log in with GitHub

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