# Aprende CSS básico construyendo un menú de cafetería - Paso 24

**URL:** <https://forum.freecodecamp.org/t/aprende-css-basico-construyendo-un-menu-de-cafeteria-paso-24/651522>\
**Category:** General\
**Tags:** español\
**Created:** [November 19, 2023, 9:59pm UTC](https://forum.freecodecamp.org/t/aprende-css-basico-construyendo-un-menu-de-cafeteria-paso-24/651522 "2023-11-19T21:59:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jerebien](https://avatars.discourse-cdn.com/v4/letter/j/f19dbf/32.png) [@jerebien](https://forum.freecodecamp.org/u/jerebien)\
**Post date:** [November 19, 2023, 9:59pm UTC](https://forum.freecodecamp.org/t/aprende-css-basico-construyendo-un-menu-de-cafeteria-paso-24/651522/1 "2023-11-19T21:59:11Z")

</div>

### Tell us what’s happening:

Describe tu problema en detalle aquí.  
a que se refiere con 80%

### Your code so far

```html
<!-- 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 id="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>

```

```css
/* file: styles.css */
body {
  /*
  background-color: burlywood;
  */
}

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

/* User Editable Region */

#menu {
  width: 80%px;
  background-color: burlywood;
}

/* User Editable Region */

```

### Your browser information:

El agente de usuario es: `Mozilla/5.0 (Linux; Android 9; KFTRWI) AppleWebKit/537.36 (KHTML, like Gecko) Silk/118.1.77 like Chrome/118.0.5993.111 Safari/537.36`

### Challenge Information:

Aprende CSS básico construyendo un menú de cafetería - Paso 24

> **[freeCodeCamp.org](https://www.freecodecamp.org/espanol/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-24)**
>
> Aprende a programar, ¡GRATIS!

---

<div class="post-metadata">

**Author:** ![zaklina](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/zaklina/32/221235_2.png) [@zaklina](https://forum.freecodecamp.org/u/zaklina)\
**Post date:** [November 19, 2023, 11:00pm UTC](https://forum.freecodecamp.org/t/aprende-css-basico-construyendo-un-menu-de-cafeteria-paso-24/651522/2 "2023-11-19T23:00:36Z")

</div>

> [@jerebien](#):
>
> ` width: 80%px;`

width:80%;

you dont need a px

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 7, 2025, 11:39am UTC](https://forum.freecodecamp.org/t/aprende-css-basico-construyendo-un-menu-de-cafeteria-paso-24/651522/3 "2025-01-07T11:39:20Z")

</div>