Need help getting my photo centered.

Question

Background image shows but heads are cut off. The picture only looks right when I shrink the screen.

.showcase:before {
content: '';
background: url(img/CGA.png) no-repeat center center/cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;

Answer 1

Ok bro I will tell you tomorrow now come on for personal chat .
Now it's time to sleep for me .
Sorry ! But tomorrow I will surely help you .

Answer 2

Your image file isn't accessible for us (the code would not display it, and we will not be able to see what's it's output regarding the image placement ;))

Answer 3

Hay where html part it is showing nothing

had you gone through my code bit ??

Answer 4

https://code.sololearn.com/WRa3uYyDlq3t

Answer 5

You've shared only the css ^^

Anyway, if you don't want your image to be cropped (depending on the display aspect ratio), you could replace 'cover' by 'contains' ;)

Answer 6

Heads are still cut off in full screen.

Answer 7

Hay Visph see his code again he has used background instead of background-image and not added ; at the end .

Then how it will work ??

Hay corey I suggest you to write the code properly.
Please go through your code again

Answer 8

But Corey had just told that the new edited code is working for him

and the last one is edited by me

Answer 9

Hmmm
That's ok

Answer 10

Please when you have any doubts in Programming codes post your code completely. It will help to solve your problem easily.
<img align="center"src="file name">

Answer 11

Add this three lines in your code and it will work fine

height:100%;
background-repeat:no-repeat;
background-size:cover;

get the sample here
https://code.sololearn.com/WuaMEzcN4Jv1/?ref=app

Answer 12

Have tried 'contains' ?

Answer 13

How the heck did that happen?

Answer 14

Your image is now correctly referenced (no need to let the blank drawing ;))

My apologize however: that's 'contain' and not 'contains' (without tge 's' ^^)

Try it, and say if that fits better to you?

Answer 15

What did you change? And thanks :)

Answer 16

Is it now working????

Answer 17

TR CodeWorld [AYUSH.ks] OP's last code was working fine for me...

... the trailing comma is not missing in this last version...

... and it's totally valid to shorthand background-image to image (we should only be aware of possible values overiding by doing so).

Answer 18

I visually not noticed difference between his last attempt and yours ^^

Answer 19

<div>
<center>
<img src="picture.jpg" alt="picture" />
</center>
</div>

Answer 20

Never use <center>in html