Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
1
Comments
1

archdron

@archdron65 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Four card feature section with HTML + CSS (СSS Grid)


    archdron•65
    Submitted over 5 years ago

    2 comments

Latest comments

  • Andrew Quirk•20
    @ajquirk
    Submitted over 5 years ago

    Four Card Feature Section

    2
    archdron•65
    @archdron
    Posted over 5 years ago

    Greetings! I'm a beginner in this, too, so take what I suggest with a grain of salt.

    1. Either scale the layout proportionally or hardcode card dimensions and position. Otherwise, your layout will be butchered by slight differences in viewport size (e.g., see the automatic screenshot), which is not exactly what you want.

    2. Mind the details like letter spacing, margins, shadows, etc., if you deviate from the mock-up in some respects, make sure the deviation is well-justified.

    As a first try, it looks fine to me, although I have little to no understanding of what you did in the CSS :D

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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

Oops! 😬

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

Log in with GitHub