Learn Basic CSS by Building a Cafe Menu - Step 35

HTML-CSS
1

Totally lost with price on the right below elements

Your code so far

/* file: index.Ext.html */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
}

h1, h2, p {
  text-align: center;
}

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
}

.flavor {
  text-align: left;
}

  elements, 
  .price: {
  text-align: right;
  .price: right;
}


/* file: styles.Ext.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
}

h1, h2, p {
  text-align: center;
}

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
}

.flavor {
  text-align: left;
}

  elements, 
  .price: {
  text-align: right;
  .price: right;
}

Your mobile information:

iPhone - iOS17.2.1

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 35

Link to the challenge:

2

Hey there, the assignment is asking for a .price selector with the property of text-align: right;

similar to the flavor selector. Hope this helps good luck!

I recommend reviewing the websites shown CSS Syntax

3

Hi @Silentg393

Please remove the elements, line, and the .price: right; line.
Then remove the colon after the selector name. (it appears before the {)

Happy coding

4

hi i am getting error
The default color of a link that has not yet been clicked on is typically blue. The default color of a link that has already been visited from a page is typically purple.

To make the footer links the same color regardless if a link has been visited, use a type selector for the anchor element (a) and use the value black for the color property.

width: 25%
}

/* FOOTER */

footer {
a{
color:black;
}

5

Make a separate post that’s link to your challenge. There you should mention your issue.
@19am1a0550

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.