| 12345678910111213141516171819202122232425262728293031323334 |
- h1, h2, p {
- text-align: center; /* Alinea los títulos y los textos en el centro */
- }
- .menu {
- background-color: burlywood; /* Establece el color del fondo del menú */
- width: 80%; /* Establece el porcentaje del ancho del menú respecto al <body> */
- /* Centra el contenedor del menú */
- margin-left: auto;
- margin-right: auto;
- }
- body {
- background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); /* Establece la imagen de fondo de la página */
- }
- .flavor, .dessert {
- text-align: left; /* Alinea el texto del tipo de café y postre a la izquierda */
- /* Establece el ancho del elemento del tipo de café y postre respecto al <article> */
- width: 75%;
- }
- .price {
- text-align: right; /* Alinea el texto del precio a la derecha */
- /* Establece el ancho del elemento del precio respecto al <article> */
- width: 25%;
- }
- .item p {
- display: inline-block; /* Coloca en elementos de línea cada producto */
- }
|
