Skip to content
Submitted 3 months ago

Responsive Card CSS vanilla

Tarangio•20
@tarangio
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?

Next time i want to use some framework like Tailwind or Boostrap, just to dig into the profesional practices.

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

I forgot to use the max-with property what caused me a responsive issue, but i overcome to it pretty fast really

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

In any area where someone believes there is room for improvement, I'm here to grow and listen to people's opinions

Community feedback

  • Lance•1,580
    @IzykGitPosted 3 months ago

    Good work!

    If you are looking to improve your code I recommend looking into semantic html! In your code you have wrapped everything in divs. Divs have no semantic value! So when you write your HTML you want to use elemnts like <main>, <section>, and so on. It is ok to use divs but use divs sparingly as it can hurt SEO, accessibility, and also can make your code harder to understand for other engineers.

    Keep up the good work! :)

    Marked as helpful
    1
    Tarangio•20
    @tarangioPosted 3 months ago

    @IzykGit Thx Lance, i appreciate the comment and I'll take note of it :D

    0
  • anusb412•50
    @anusb412Posted 3 months ago

    1

    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