Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
2
Comments
1
Aleksandr Bagaev
@sobbaka

All comments

  • Ngunza Francisco•90
    @NgunzaFrancisco
    Submitted over 1 year ago

    3 Column Preview Card Component

    1
    Aleksandr Bagaev•50
    @sobbaka
    Posted over 1 year ago
    • Background and cards size differ from design
    • I recommend to create :root in CSS and use variables from there (for example for colors - makes life easier)
    • If you start to use em - try to use it everythere
    • add white border into links (border: 1px solid #fff;) - without it bottom of card 'jumping' on hover
    • and about class naming of cards. I recommend to use content__card card card--sedan. content__card to place card in content, card is to make it independent reuseable element
    • use text-transform: uppercase; instead capslock in H1
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub