Submitted
@rhniam
I hope you will like my code. please help me if there is an easy way for doing this design. Thank You.
@RocTanweer
Posted
it's basically same as putting an image as a background but here in this case I am putting two images as background-image and positioning them as you can see...
Remember to use 'vh' and 'vw' as units for height and width and not px, rem or em for responsive purpose
Good luck 😃
@rhniam
Posted
@RocTanweer
I don't know that .😅😅
Thanks again for your information.❤️
@RocTanweer
Posted
@rhniam my pleasure 😊
@RocTanweer
Posted
Hello 👋 @Riduan
I really had a hard time doing this challenge..!
I felt frustrated about the background 😅 but after researching and learning, I did this...
background-image: url(../Images/bg-pattern-top.svg),
url(../Images/bg-pattern-bottom.svg);
background-position:
bottom 40vh right 48vw,
top 50vh left 48vw;
Hope it helps 😉 and happy coding
@rhniam
Posted
@RocTanweer Thank you for your help 😌. I updated my code. I tried so hard 😭 and it so frustrating.😅
@RocTanweer
Posted
@rhniam Don't give up ☺️
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
