extremely basic question I’m getting answer quickly

Asked

Viewed 47 times

-4

Mount the HTML structure and CSS file of the page with layout below. using ids or classes.

monte a estrutura html e arquivo css da página com layout abaixo

javascript

1 answer

-1


Follows the codes:

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header><div class="cabecalho"></div></header>
<main>
    <section>
        <div class="conteudo"></div>
    </section>
    <section>
        <div class="conteudos">
            <div class="esquerdo"></div>
            <div class="direito"></div>
        </div>
    </section>
    </main>
    <footer class="rodape">
        <div></div>
    </footer>
</body>
</html>

Now the CSS


body {
    margin: 0;
    padding: 0;
}

.cabecalho{
    width: auto;
    height: 100px;
    background-color: burlywood;

}

.conteudo{
    width: auto;
    height: 130px;
    background-color: rgb(59, 136, 35);

}

.conteudos{
    width: auto;
    display: flex;
}

.esquerdo{
    width: 40%;
    height: 620px;
    background-color: cadetblue;
}

.direito{
    width: 60%;
    height: 620px;
    background-color: rgb(253, 72, 40);
}

.rodape{
    width: auto;
    height: 130px;
    background-color: grey;

}

Browser other questions tagged javascript

You are not signed in. Login or sign up in order to post.