Design comparison
Solution retrospective
- Couldn't get the images to stay in a fixed position. Need to get better at this kind of placement.
- More flexbox practice. Also, could this be refactored to use CSS Grid? What are the pros and cons of Flexbox vs CSS Grid? When to use each?
Community feedback
- @PersianBluePosted over 1 year ago
This was a great solution. You've actually shown me how to get the background circles right where they were needed. When I was doing it, I thought to vary the background-position based on % and the background-size based on vw. Now I'm seeing that I didn't have to do anything to the size at all, and the position could have been adjusted: horizontal position with vw, and vertical positioning with vh. I hadn't thought to use vh at all.
Marked as helpful0@jayumaksPosted over 1 year ago@PersianBlue Oh, that's nice. I am glad you got something from it.
0 - @frank-itachiPosted over 1 year ago
Hello there π. You did a good job!
I have some suggestions about your code that might interest you.
HTML π:
- Wrap the page's whole main content in the
<main>
tag. - If your code has different sections that have a specific like a , article, sections or footer, itβs a good practice to enclose those parts with HTML5 landmarks.
I hope you find it useful! ππ Above all, the solution you submitted is greatπ!
Happy
<coding />
π!Marked as helpful0 - Wrap the page's whole main content in the
Please log in to post a comment
Log in with GitHubJoin 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