I'm currently learning how to create a basic webpage with CSS. My goal is to make it look like this: I highlighted the class name in red
However, when I entered the following code:
<!DOCTYPE html>
<html lang="es-ES">
<html>
<head>
<title>2do parcial PROYECTO</title>
<style>
h1{
text-align:center;
background-color:violet;
border-width: 2px;
}
p.cul{
text-align: center;
font-family: Aharoni;
font-size: 35px;
background-color:violet;
border-style: dotted;
border-width: 2px;
width: 1050px;
}
... (CSS code continues)
While everything appears fine at the top, there seems to be an issue with the "cuadrote" section and the images have been rearranged at the bottom. I tried using the position command to adjust the images, but they got messed up again. Here's what the bottom part of the page looks like on my PC
Please assist me as this is a school project due today.