Design comparison
Solution retrospective
Hi guys, thank you very much for your feedback. Have a great day!!
Community feedback
- @skyv26Posted about 3 years ago
Hi! Michaela, well first of all you have done good work by completed this challenge. It seems to be similar to the original work but it is not, First of all, text is little bit bigger than design preview and to fix this problem I want to say just follow the style guidelines always apply font text size as mentioned. Second adjust your background pattern by changing background position top right and bottom left value. Finally I want to say don't worry about design and final result, experience always comes with time and practice...
Happy coding 😊
0 - @SirJhay3Posted about 3 years ago
Hi Mishka27,
Instead of the ball-1 and ball-2 classes you have there, add them as background images to the body
try this: `` background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: right 45vw bottom 45vh, left 45vw top 45vh; `
play around with the background-position values to scale similar to the design
Cheers!
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