All solutions

First time developing with SASS. My main pain point has been to handle media queries. If anyone has feedback to give about my work, or any good resources to train my SASS skills as a beginner, please you're welcome to leave a comment !

Oh my god this one was really hard - and far from being perfect.

2 questions for you :

1. Any idea on how to add a bottom border effect on a link:hover, with the border color GRADIENT ? I tried border-image-source. It worked well on preview with VS Code live server, but now it is on Vercel, I got my link bordered on the 4 sides instead of bottom only...

2. Any genius who could explain me how to achieve the horizontal alignment of the hero section (the one with the smartphone mockups) ? I managed to get the desired design at 1440px, but whenever your screen is bigger then the hero container get bigger too and it's crap. On the other end, if I set up a fixed max-width to the hero section, then the mockup and the background image (which are 2 different files provided with the challenge) will get aligned with the rest of the website, so I do not get this overflow effect.

I tried to get it a bit more responsive instead of having it good only for 2 resolutions. It was a really tough challenge for me !

Thanks for your answer and happy coding

Hi everyone, My first Frontend Mentor challenge, my first GitHub repository. I changed the color of the first paragraph (on white background) in order to ensure accessibility.