Looking to hire developers?
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.
@GerbenDol
Posted
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!
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
