Looking to hire developers?
I was struggling adding the header- and footer-images in my css-file instead of overcrowding the html-file. I looked into @dmitrymitenkoff solution for a suitable approach. I somehow ended up locking in the width of my image-container. I probably need to refactor the code to find out why. That has to wait. Happy I finished this. Learning to code while working is not that obvious.
@emestabillo
Posted
Hi Katrien, great job! Those images are indeed very tricky. For the header images in smaller widths, I would try adding something like min-height: 15rem to .tablet-hero so that it doesn't cut out around 400px. Another approach is to increase the height and set the background size as contain. And other stuff - it'd be nice to have hover transitions on the buttons. Hope this helps!
Marked as helpful
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
