Having trouble styling my website at . I can't seem to get the images to align with names underneath and bios on the right. My VS Code keeps flagging Float properties as errors, and I need some CSS help from someone more experienced.
function condenseLinks() {
var x = document.getElementById("links");
if (x.className === "vidlinks") {
x.className += " responsive";
} else {
x.className = "vidlinks";
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
<!-- More CSS code goes here -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet">
</head>
<body>
<div class='content'>
<!-- Main content of the website -->
</div>
</body>
</html>