Design comparison
Solution retrospective
Guys, i will definetely appreciate ur' feedbacks. This is my third try time performing code with HTML+CSS. It was impossible to center the two circle into the card. Thanks guys.
Community feedback
- @itsfedorukPosted almost 4 years ago
Hi Abraham, well done on your first challenge βΊοΈ To add on previous comments about changing the container property of
height: 100vh
, I'd also suggest moving two circles from HTML images to CSS as background images forbody
. It'll remove extra overflow, and you'll have more control over styling and positioning of circles as well.Hope it helps, and enjoy your day π
1@abgutierrez507Posted almost 4 years ago@hellomerope thanks so much for your Feedback, extremely appreciated :)
0 - @codebyfauzanPosted almost 4 years ago
Good effort Abraham. I think you should change height properties of .container from 150vh to 100vh and position: auto to position: relative. Then try to change bottom or left properties from bg-ballon-bottom. It should help
0 - @gschiferPosted almost 4 years ago
Why did you not center the card in the project? Did you have difficulties with this approach?
0
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