AGBOHOUN Obed• 60
@Obed67
Posted
Well done sir. well done it's perfect
0
Design comparison
Solution retrospective
In this challenge I faced issue with background image adjustment but somehow with the help of google I managed to do it. feedback related to margin and padding can be provided. I mostly use padding for providing gap between elements. Is it a right way, please guide.
Community feedback
Adedeeoyin• 510
@Adedeeoyin
Posted
how do you add the background image, do you use gradient because its kinda confusing
0
Hanana• 170
@meantoes
Posted
@Iamdodo22 let me try to answer your question
so if you see their code, the background is inserted from CSS, check on this code below
body {
/* inserting the image from the package */
background: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
background-repeat: no-repeat, no-repeat;
/* positioning the images to match the design */
background-position: right 50vw bottom 40vh, left 40vw top 45vh;
background-color: var(--clr-primary-bg-body); /* bg color of body */
I hope you find this helpful :) any correction from the author? @Alokray007 have a nice day everyone🌞
0
Please log in to post a comment
Log in with GitHub
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