Responsive solution using Flexbox only, no frameworks.

Solution retrospective
Solution updated, fixed the vertical align of the main component. Feel free to give any tip about the solution, would help me a lot.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Jos02378
hey @JSaporski , great job on this solution!
Some suggestions for you:
- For your stats, instead of splitting the h2 and the span tag, you can use
<h2>10k+ <br><span>companies</span></h2>
instead. - I don't know how you manage to get the image to look like that without styling it but you can use an overlay for the image using a
div
just like in this video overlay video. - You can try to follow a CSS naming convention called BEM. You can watch this video for more information Watch the video.
- You can try to use relative units like rem and em in the future. Here is a link to an article that explains when to use which unit see the article.
I hope this helps, good luck!
Marked as helpful - For your stats, instead of splitting the h2 and the span tag, you can use
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