azaria
October 26, 2022, 7:04pm
1
Tell us what’s happening:
Describe your issue in detail here.
hello i am stuck the class name would be .menu
i didnt think it belonged inside of the <div>
so i put it on the outside and it said incorrect is the class type selector wrong?
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cafe Menu</title>
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<div>
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
</main>
</div>
</body>
</html>
/* file: styles.css */
body {
/*
background-color: burlywood;
*/
}
h1, h2, p {
text-align: center;
}
.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 27
Link to the challenge:
class is an attribute just like href is an attribute.
It goes inside the opening tag of the element.
azaria
October 26, 2022, 7:08pm
3
okay, so would it look like <div.menu>
Nope. Look at how you add href attribute to the anchor tag….
class is an attribute just like it.
If you need help recollecting attributes, pls see here
Are you confused about attributes? This post is for you…
[Attributes-HTML]
In Summary:
HTML attributes are usually key-value pairs that provide additional information to the browser about the HTML element they are defined within.
For eg. The src attribute tells the browser the location in which an img element’s image is to be found.
The type attribute of an input element tells the browser what type of input field to create.
The class attribute identifies the HTML elements it belongs to as …
1 Like
azaria
October 26, 2022, 7:17pm
6
thank you i reviewd the post. so why did they give us the as a reference .class-name{ styles }
if its an attribute and needs to be formatted like class= word
The .class-name {}
is css code that targets elements of this class name.
The code being written here in this step though is just html (not css).
1 Like
azaria
October 26, 2022, 7:19pm
8
smh uhhh okay lol. thank you
1 Like
system
Closed
April 27, 2023, 7:20am
9
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.