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.

Principles of Information Security (MindTap Course List)
6th Edition
ISBN:9781337102063
Author:Michael E. Whitman, Herbert J. Mattord
Publisher:Michael E. Whitman, Herbert J. Mattord
Chapter10: Implementing Information Security
Section: Chapter Questions
Problem 3CEDQ
icon
Related questions
Question

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 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.
41
11 L
AL
1
LL
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.
Transcribed Image Text:• 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. 41 11 L AL 1 LL 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.
1
4
=
Style.css* X Page1.html
body {
83 %
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
}
18
B.flex-container {
display: flex;
}
background-color: black;
}
.flex-container > div {
.header-image {
background-color: white;
width: 50%;
margin: 10px;
padding: 10px;
font-size: 30px;
width: 100%;
height: auto;
.footer {
Page2.html
}
text-align: center;
background-color: #f0f0f0;
padding: 20px;
.footer img {
width: 100%;
height: auto;
✔ No issues found
Ln: 22
Ch: 10
SPC
+
0
☀
0
CRLF
Transcribed Image Text:1 4 = Style.css* X Page1.html body { 83 % 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 } 18 B.flex-container { display: flex; } background-color: black; } .flex-container > div { .header-image { background-color: white; width: 50%; margin: 10px; padding: 10px; font-size: 30px; width: 100%; height: auto; .footer { Page2.html } text-align: center; background-color: #f0f0f0; padding: 20px; .footer img { width: 100%; height: auto; ✔ No issues found Ln: 22 Ch: 10 SPC + 0 ☀ 0 CRLF
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps with 1 images

Blurred answer