Hello, I was hoping someone could look at my code and tell me what I am doing wrong as to why my images are not fitting the webpage. I have attached the HTML code and have screenshotted the CSS code along with an image of how the webpage turns out where you can clearly see the header and footer images not fitting the page. HTML CODE: Flexbox Coding Link to Page 1 Link to Page 2 An country demesne message it. Bachelor domestic extended doubtful as concerns at. Morning prudent removal an letters by. On could my in order never it. Or excited certain sixteen it to parties colonel. Depending conveying direction has led immediate. Law gate her well bed life feet seen rent. On nature or no except it sussex. Warmly little before cousin sussex entire men set. Blessing it ladyship on sensible judgment settling outweigh. Worse linen an of civil jokes leave offer. Parties all clothes removal cheered calling prudent her. And residence for met the estimable disposing. Mean if he they been no hold mr. Is at much do made took held help. Latter person am secure of estate genius at.
Hello, I was hoping someone could look at my code and tell me what I am doing wrong as to why my images are not fitting the webpage. I have attached the HTML code and have screenshotted the CSS code along with an image of how the webpage turns out where you can clearly see the header and footer images not fitting the page.
HTML CODE:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Flexbox Coding</title>
</head>
<link rel="stylesheet" href="Style.css">
<body>
<header class="header-image">
<img src="57mBcYi.jpeg" alt="Header Image">
</header>
<div class="flex-container">
<div>
<ul>
<li><a href="Page1.html">Link to Page 1</a></li>
<li><a href="Page2.html">Link to Page 2</a></li>
</ul>
</div>
<div>An country demesne message it. Bachelor domestic extended doubtful as concerns at. Morning prudent removal an letters by. On could my in order never it. Or excited certain sixteen it to parties colonel. Depending conveying direction has led immediate. Law gate her well bed life feet seen rent. On nature or no except it sussex.</div>
<div>Warmly little before cousin sussex entire men set. Blessing it ladyship on sensible judgment settling outweigh. Worse linen an of civil jokes leave offer. Parties all clothes removal cheered calling prudent her. And residence for met the estimable disposing. Mean if he they been no hold mr. Is at much do made took held help. Latter person am secure of estate genius at.</div>
</div>
<footer class="footer-image">
<img src="banner.jpg" alt="Footer Image">
</footer>
</body>
</html>

- [Link to Page 2](#)
**Content Section:**
An country demesne message it. Bachelor domestic extended doubtful as concerns at. Morning prudent removal an letters by. On could my in order never it. Or excited certain sixteen it to parties colonel. Depending conveying direction has led immediate. Law gate her well bed life feet seen rent. On nature or no except it Sussex.
Warmly little before cousin Sussex entire men set. Blessing it ladyship on sensible judgment settling outweigh. Worse linen an of civil jokes leave offer. Parties all clothes removal cheered calling prudent her. And residence for met the estimable disposing. Mean if they be then no hold Mr. Is at much do made took held help. Latter person am secure of estate genius at.
**Images and Graphics:**
- **Top Image**: Displays an imaginative scene with LEGO characters resembling science fiction themes, set in a desert-like environment with an intricate dome-like structure made of bricks in the sky.
- **Bottom Image (Navigation Banner)**: Features LEGO characters wielding glowing weapons, enhancing the playful and adventurous theme of the page.](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fbf238986-8ffc-4b99-b1ca-533b8fe8c6d3%2F8e7cd7d4-6514-47f8-9769-4cb2e148f328%2Fjz2u1rp_processed.png&w=3840&q=75)


Trending now
This is a popular solution!
Step by step
Solved in 3 steps with 1 images









