Test Workspace

Testing

Replicating tic-tak-toe design

image:
tic-tac-toe

HTML:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>Tic Tac Toes</title>
        <link rel="stylesheet" href="tictactoe.css">
    </head>
    <body>
        <ul>
            <li>X
            <li>
            <li>O

            <li>
            <li>X
            <li>O

            <li>X
            <li>O
            <li>
        </ul>
    </body>
    </html>

CSS:
    ul {
        width: 300px;
        display: flex;
        flex-wrap: wrap;
    }

    li {
        background-color: lightblue;
        margin: 5px;
        width: 90px;
        height: 90px;
        font: bold 80px Helvetica, sans-serif;
        text-align: center;
        list-style: none;
    }

Result: