@razalalkhan
Posted
Dear,
please use the following in your CSS file to set the background image on body tag.
background-image:url(../images/bg-pattern-top.svg), url(../images/bg-pattern-bottom.svg); background-repeat: no-repeat, no-repeat; background-position: right 50vw bottom 40vh, left 50vw top 50vh;
there are two images one at the top and one at the bottom. use background position according to your screen size and you dont have to use necessarily vw or vh units.
Second:
when you have to put anything on the center of the screen use the following method. I have also learned from the valueable member from this platform. e.g.
body{ min-height:100vh; display:grid; place-items:center; or use margin: 0 auto; }
hope it helps. thanks
Marked as helpful
@ManikMaity
Posted
@razalalkhan Thank you so... much. I stuck on that for so longπ