Skip to content
Submitted over 4 years ago

First html/css project

George Hobbs•310
@georgehobbs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my very first challenge, having only learnt HTML/CSS this week. I only did the desktop version.

I initially created a div for each of the four boxes so I could style them all at once, but ran into issues when it came to positioning the divs for the individual boxes - not sure if this was a sensible approach? I ended up using four separate divs and replicating the styling for all of them, so my code could probably have been more efficient.

Community feedback

  • Gerben Dol•3,115
    @GerbenDolPosted over 4 years ago

    Hey George, I think you did a super nice job!

    It totally makes sense to give every card their own div but using the same class for overlapping styling.

    You could set stuff like padding, background color, font sizing all using the same class.

    For any specific styling such as the top border color or position you could add a second class that's unique for those specific styles.

    I hope that makes sense! If not let me know and we'll talk a bit on Slack!

    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