scrimba
Practical math
App Layout and CSS calc() Introduction
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

App Layout and CSS calc() Introduction
AboutCommentsNotes
App Layout and CSS calc() Introduction
Expand for more info
index.html
run
preview
console
<html>

<head>
<link rel="stylesheet" href="index.css">

<style>
header {
background-color: lightgreen;
font-size: 1.5rem;
padding: 1rem;
text-align: center;
}

main {
background-color: lightblue;
font-size: 1.5rem;
text-align: center;
}

footer {
background-color: lightgreen;
font-size: 1.5rem;
padding: 1rem;
text-align: center;
}
</style>
</head>

<body>
<header>Header</header>
<main>Main</main>
<footer>Footer</footer>

<script src="index.pack.js"></script>
</body>

</html>
Console
/index.html
-4:39