how to put banner on your page (for dummies in 3 easy steps!)

layouts are closed for some reason... so i figured i'd use my little noggin to actually do something helpful and not just doom scrolling on tiktok!

step 1. find your image. use pinterest or whatever other app you choose to partake your image-collecting hobby in. i don't care.

step 2. copy the image address (or image link if that's what your device says) you can do this by right clicking on your mouse on a computer, i don't know how it works for other devices i am dumb. sorry

step 3. put this code in the about me section of your page

main:before {

width: 100%;

height: 300px;

display: block;

content: "";

background-image: url('YOURURLHERE');

background-position: center center;

background-size: cover;

}

just remember to place your url in the background image section... and in between the quotations aswell!!!

enjoy twin

p.s. just remember to put a <style> at the start and a </style at the end of your code if you haven't already! it won't work if you won't do this!