react_multiple_language/src/pages/user/Home/home.scss

$widthContent: 1080px;

.home_page {
    .home_banner {
        width: 100%;
        display: flex;
        justify-content: center;
        background-color: #C30100;
        .content {
            width: $widthContent;
        }

        height: 60px;
    }

    header {
        width: 100%;
        display: flex;
        justify-content: center;

        .content {
            width: $widthContent;
        }

        height: 60px;

        border-bottom: 1px solid black;
    }

    .container {
        width: 100%;
        display: flex;
        justify-content: center;

        .content {
            width: $widthContent;
        }

        height: calc(100vh - 60px);
    }

    footer {
        width: 100%;
        height: 120px;
        display: flex;
        justify-content: center;

        .content {
            width: $widthContent;
        }

        background-color: yellow;
    }
}