CaffGeek/MBACNationals

View on GitHub
Website/src/app/website/components/banner/banner.component.scss

Summary

Maintainability
Test Coverage
.banner {
    background-size:cover;
    background-position: bottom;
    background-position-x: 50%;
    height: 450px;
    padding: 40px;

    .logo {
        position: absolute; 
        left: 50%; 
        transform: translate(-50%, 0); 
        margin-top: -25px; 
        z-index: 10;
    }

    .header {
        height: 375px;
        margin: auto; 
        background-size:cover;
        background-position-x: 50%;
        background-position-y: 50%;
        border: 1em solid white;
        max-width: 90%;
    }
}