Below are the codes and attached is the error. There is an error in the align property in style.css. Make sure to fix that error and show screenshots of the correct code and output. index.html Document Summer School Summer School Info Mainpage summerschool.html Mainpage Mainpage Love Hate Summer School Info Mainpage style.css h1 { text-align: center; color: #5e2943; font-size: xx-large; border-style: dotted; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #550913; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #afe6e9; } body { margin: 0; padding: 0; display: grid; place-items: center; min-height: 100vh; } .sidebar-header { background-color: f2d7ee; padding: 50px 20px; align: left; /* Align buttons to the left */ margin-right: 1000px; margin-left : 10px; } .button-container { align: left; margin-left: 5px; /* Add some margin to separate buttons from the edge */ } .button { --button-offset: 0.48em; --bg: 178, 60%, 48%; background-color: rgb(0, 143, 232); border: 0; border-radius: 0.2em; padding: 0.1em; font-size: 2rem; font-weight: 300; text-transform: uppercase; box-shadow: 0 8px 0 0 hsla(180, 13%, 12%, 0.5); cursor: pointer; display: block; /* Make buttons block-level elements */ margin-bottom: 10px; /* Separate buttons onto different lines */ } .button:active, .button:focus-visible { transform: translateY(16px); box-shadow: none; }

Below are the codes and attached is the error. There is an error in the align property in style.css. Make sure to fix that error and show screenshots of the correct code and output. index.html Document Summer School Summer School Info Mainpage summerschool.html Mainpage Mainpage Love Hate Summer School Info Mainpage style.css h1 { text-align: center; color: #5e2943; font-size: xx-large; border-style: dotted; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #550913; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #afe6e9; } body { margin: 0; padding: 0; display: grid; place-items: center; min-height: 100vh; } .sidebar-header { background-color: f2d7ee; padding: 50px 20px; align: left; /* Align buttons to the left / margin-right: 1000px; margin-left : 10px; } .button-container { align: left; margin-left: 5px; / Add some margin to separate buttons from the edge / } .button { --button-offset: 0.48em; --bg: 178, 60%, 48%; background-color: rgb(0, 143, 232); border: 0; border-radius: 0.2em; padding: 0.1em; font-size: 2rem; font-weight: 300; text-transform: uppercase; box-shadow: 0 8px 0 0 hsla(180, 13%, 12%, 0.5); cursor: pointer; display: block; / Make buttons block-level elements / margin-bottom: 10px; / Separate buttons onto different lines */ } .button:active, .button:focus-visible { transform: translateY(16px); box-shadow: none; }

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Below are the codes and attached is the error. There is an error in the align property in style.css. Make sure to fix that error and show screenshots of the correct code and output.

index.html

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<h1>Summer School</h1>

<li><a href="/index.html">Summer School Info</a></li>

<li><a href="/summerschool.html">Mainpage</a></li>

</ul>

</body>

</html>

summerschool.html

<!DOCTYPE html>

<head>

<title>Mainpage</title>

</head>

<body>

<h1>Mainpage</h1>

</div>

<li><a href="/index.html">Summer School Info</a></li>

<li><a href="/summerschool.html">Mainpage</a></li>

</ul>

</body>

</html>

style.css

h1 {

text-align: center;

color: #5e2943;

font-size: xx-large;

border-style: dotted;

}

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #550913;

}

li {

float: left;

}

li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

li a:hover {

background-color: #afe6e9;

}

body {

margin: 0;

padding: 0;

display: grid;

place-items: center;

min-height: 100vh;

}

.sidebar-header {

background-color: f2d7ee;

padding: 50px 20px;

align: left; /* Align buttons to the left */

margin-right: 1000px;

margin-left : 10px;

}

.button-container {

align: left;

margin-left: 5px;

/* Add some margin to separate buttons from the edge */

}

.button {

--button-offset: 0.48em;

--bg: 178, 60%, 48%;

background-color: rgb(0, 143, 232);

border: 0;

border-radius: 0.2em;

padding: 0.1em;

font-size: 2rem;

font-weight: 300;

text-transform: uppercase;

box-shadow: 0 8px 0 0 hsla(180, 13%, 12%, 0.5);

cursor: pointer;

display: block; /* Make buttons block-level elements */

margin-bottom: 10px; /* Separate buttons onto different lines */

}

.button:active,

.button:focus-visible {

transform: translateY(16px);

box-shadow: none;

}

38 }
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
.sid
}
Unknown property: 'align' css (unknownProperties)
View Problem (Alt+F8) No quick fixes available
align: left; /* Align buttons to the left */
margin-right: 1000px;
margin-left: 10px;
.button-container {
align: left;
}
margin-left: 5px;
/* Add some margin to separate buttons from the edge */
.button {
--button-offset: 0.48em;
--bg: 178, 60%, 48%;
background-color: rgb(0, 143, 232);
border: 0;
border-radius: 0.2em;
padding: 0.1em;
font-size: 2rem;

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 5 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.