Scribd Logo
Upload

Welcome to Scribd!

  • 2048 Game Notes

    Uploaded by

    work
    4 views2 pages
    This CSS code defines styles for a container, box, and blocks within a box. The container and box are centered on the page and flexbox is used for layout. Styles are defined for padding, margins, backgrounds, borders, and text for multiple flexbox elements including blocks within a box.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This CSS code defines styles for a container, box, and blocks within a box. The container and box are centered on the page and flexbox is used for layout. Styles are defined for padding, margins, backgrounds, borders, and text for multiple flexbox elements including blocks within a box.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views2 pages

    2048 Game Notes

    Uploaded by

    work
    This CSS code defines styles for a container, box, and blocks within a box. The container and box are centered on the page and flexbox is used for layout. Styles are defined for padding, margins, backgrounds, borders, and text for multiple flexbox elements including blocks within a box.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    *{

    padding: 0;
    margin: 0;
    }

    body{
    display: flex;
    justify-content: center;
    align-items: center;
    }

    #container{
    width: 100vw;
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
    }

    #box{
    width: 292px;
    height: 292px;

    background-color: #EEEEEE;
    background-color: #E3EFF3;
    background-color: #CDE3EB;

    padding: 14px;
    margin: auto;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    }

    .block{
    width: 64px;
    height: 64px;

    background-color: #19D3DA;
    background-color: #CDE3EB;
    /* background-color: #6E828A; */
    background-color: #143A52;

    border-radius: 6px;
    cursor: pointer;
    user-select: none;

    display: flex;
    justify-content: center;
    align-items: center;
    }

    .number{
    color: #E3EFF3;
    font-size: 20px;
    font-weight: bold;
    font-family: montserrat;
    }

    You might also like