KPC
Kevin Powell - Community•16mo ago
Pat66

Background in page

Hello I put this picture on a background
9 Replies
Pat66
Pat66•16mo ago
but he look like this
Pat66
Pat66•16mo ago
my css :
    background: url("assets/jet.jpg") center/cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background: url("assets/jet.jpg") center/cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
what shoud I do make the background look like the real picture ?
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
Pat66
Pat66•16mo ago
what I get
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
Pat66
Pat66•16mo ago
yes the picture to fill the background
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
Pat66
Pat66•16mo ago
hi it s the same things
Naa
Naa•16mo ago
You're trying to put a portrait oriented image (taller than it is wide) in a section that is landscape oriented (wider than it is tall). If you want it to fill the full width of the section, it's going to have to essentially zoom in on the image so the width of the image is the same as the whole page, making the whole image larger, and therefore cutting off a lot of the height. If you want to see the image completely, there is going to be white space on the side(s). You could choose to background: url() top/cover so that the crop would at least include the top of the image, instead of the center.
Want results from more Discord servers?
Add your server
More Posts
Why does my Log say the Value is NaN?well, i have this part of my code inside the js now everytime the loop runs it's supposed to generatOpinions on this gsap parallax?I've made this parallax section with gsap and it's just a bit stuttery/has issues with continuing toFront end projects where its only empty divs, full of css and js. how is it done? without content``` <div class="container"> <div class="calendar"> <div class="month"> <i clHow to speed up the asynchronous multiple request in a single fetch link?The code that I will post is working properly but the only problem that I did encounter, it is not yUI design course?Whenever I search for a UI design course, I only seem to find UX courses like google's UX course on React Query state managementCan other states management tools be ignored over `React Query` being used for state management in apaginatedThis a simple one just confused, in making paginated APIs how do I know where to add the next properDesign tips for a thumb driven mobile layoutNeed some help getting this to look better in terms of appealing on the eyes and easy to navigate. Icss properties as global variables and can be used as a call back function?hello, are there any similar method in CSS that can be used as global variable like in JS? i feel lCSS doubtI want to put the glowing animation around the helmet. It is desktop size wallpaper. Can we bend