Issues with tribute page

Hi,

I have been working on my tribute page and am struggling to resolve a couple of things. Firstly the is a white line at the top of the page which I can’t seem to get rid of. Secondly I wanted the image to span the whole width of the screen is this possible?

“Tribute Page” https://codepen.io/clare1950/pen/BaWzJQe

Any help would be greatly appreciated!

Clare

1 Like

Add overflow: auto to your main container in css to get rid of white space.

You can use 100vw for the image to take up whole screen but I wouldn’t recommend this as will look weird on wide-screen monitors.

1 Like

Thanks that fixed the white line issue! I only wanted the image to span the whole width on a phone. Is it possible to do this?

You can use max-width on the image or container the image is inside. It will grow to this size or the width of the device, whatever is smaller.

Thanks for your help - got it sorted now!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.