I am not quite sure what I am doing wrong,
The question is
Add a header
element within the body
element and assign a class of header
to it.
Inside the header
, create an h1
with css flexbox photo gallery
as the text.
And I thought I got this right but apparently not? Please help !
<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Photo Gallery</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="header">
<h1>CSS FLEXBOX PHOTO GALLERY</h1>
</div>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15
Challenge: Learn CSS Flexbox by Building a Photo Gallery - Step 4
Link to the challenge: