<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<style>
html,
body {
margin: 0;
}
body {
background-color: purple;
color: white;
font: 300 .95em/1 system-ui, monospace, sans-serif;
}
span {
font-weight: 700;
}
section {
display: flex;
padding: 0 1rem;
}
section + section {
padding-top: 0;
}
</style>
</head>
<body>
<main>
<section>
<p>Much appreciated. i have now turned this question to my vlog. i am currently learning about <span>float</span> <span>flex</span> and <span>Grid</span>. i'll probs spent some time trying to write some code and going over notes. i would like
to make my page background-color:purple; yet im not knoey of how to add the copy/float. it seems its either one or the other.
</p>
</section>
<section>
<p>Much appreciated. i have now turned this question to my vlog. i am currently learning about <span>float</span> <span>flex</span> and <span>Grid</span>. i'll probs spent some time trying to write some code and going over notes. i would like
to make my page background-color:purple; yet im not knoey of how to add the copy/float. it seems its either one or the other.
</p>
</section>
</main>
</body>
</html>