Hi everyone! I'm just starting with web development and I am currently trying to recreate the Billboard website (in a way). I already have the basics and got the data from a mysql database and had them ordered the way I want to by reading a lot of internet articles and tutorials. Problem is, I don't know how to format it properly, the way I want it to. I have resized the photo elements and that's it. Here's my index page:

	 $produce):
	?>

and my css:

*{
font-family: "Poppins", sans-serif;
}

body {
margin: 0;
padding: 0;
}
.header {
padding: 25px 0;
background-color: #000;
}

.bblogo img{
display: block;
width:200px;
margin-left: auto;
margin-right: auto;
}

.nav {
padding: 15px 0;
background-color: #333333;
position: -webkit-sticky;
}

.nav .item{
text-decoration: none;
color: white;
padding-right: 30px;
}

.nav .item:hover{
text-decoration: underline;
}

.nav .active{
color: #6b6b6b;
text-decoration: none;
padding-right: 30px;
}

.header, .nav {