Cory's profile picture

Published by

published
updated

Category: Art and Photography

View Blog View Profile Report Blog Entry

πŸ–₯ CSS Snippet: Adding a Banner To Your Profile

If you want to add a banner to your profile, above your profile, here's an easy way to do it. I've also included a way to make it look great on mobile. For whatever image you use, adjust the height tags until it looks nice.Β 



Remember: always put any CSS in between two Style tags: <style></style> That way, browsers willΒ recognize that what you're trying to do is adjust the style. Also remember that CSS stands for Cascading Style Sheets, so the browser will activate styles from top to bottom!

main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://via.placeholder.com/1280x720.png');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}


250 Kudos

—