Skip to content
Submitted over 5 years ago

Mobile first site with SCSS, BEM, flexbox and simple hamburger menu

Patryk Porabik•80
@PatrykPorabik
A solution to the Project tracking intro component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have problems with background in header. I've used the before pseudo element for container with image, but it complicated my further work. Is there any better way to handle it? Or maybe there is a better way to make it more flexible in the case of rwd?

Code

Please log in to post a comment

Log in

Community feedback

  • Matt Studdert•13,611
    @mattstuddert

    Hey Patryk, the way you've used the ::before pseudo-element to add the background detail is great, I'd just recommend putting it on the body instead of the .image__wrapper class. That would hopefully then simplify the styles a bit. But the approach you've taken is definitely the route that I'd go down 👍

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