So my paragraph tag is not where I want it to be. I want it to be placed under the words “Hello, my name is Eric Nelson, and I am a student.”
here is my code:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<title> Personal Portfolio Website </title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<script>
src = "https://code.jquery.com/jquery-3.6.0.min.js"
</script>
<!-- created nav bar //-->
</head>
<body>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">portfo <span>lio.</span></a></div>
<ul class="menu">
<li> <a href="#">Home</a></li>
<li><a href="#">about</a></li>
<li><a href="#"> Projects</a> </li>
<li><a href="#">skills</a </li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<!-- Home section start //-->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello my name is</div>
<div class="text-2">Eric Nelson</div>
<div class="text-3">and I'm a <span>Student</span> </div>
</div>
</div </section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</body>
</html>
</html>