I’m new to HTML and CSS. I had a question: how can I make two containers that will be the same size underneath each other?
My code:

Image: https://i.sstatic.net/4aP8nH5L.png

.content {
            position: absolute;
            top: 300px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 20px;
        }