| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- h1, h2, p {
- text-align: center; /* Alinea los títulos y los textos en el centro */
- }
- h1, h2 {
- font-family: Impact, serif; /* Establece la tipografía de los títulos con fuente de respaldo */
- }
- h1 {
- font-size: 40px; /* Establece el tamaño de los títulos principales */
- }
- h2 {
- font-size: 30px; /* Establece el tamaño de los subtítulos */
- }
- .menu {
- background-color: burlywood; /* Establece el color del fondo del menú */
- max-width: 500px; /* Establece el ancho máximo del menú respecto al <body> */
- /* Centra el contenedor del menú */
- margin-left: auto;
- margin-right: auto;
- padding: 20px; /* Agrega espaciado en el borde del contenedor del menú */
- }
- body {
- background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); /* Establece la imagen de fondo de la página */
- font-family: sans-serif; /* Establece la tipografía de los párrafos */
- }
- .established {
- font-style: italic; /* Establece el estilo del texto del año de apertura del establecimiento */
- }
- hr {
- /* Establece el alto de la línea horizontal */
- height: 3px;
- /* Establece el color del fondo de la línea horizontal */
- background-color: brown;
- }
- .flavor, .dessert {
- text-align: left; /* Alinea el texto del tipo de café y postre a la izquierda */
- width: 75%; /* Establece el ancho del elemento del tipo de café y postre respecto al <article> */
- }
- .price {
- text-align: right; /* Alinea el texto del precio a la derecha */
- width: 25%; /* Establece el ancho del elemento del precio respecto al <article> */
- }
- .item p {
- display: inline-block; /* Coloca en elementos de línea cada producto */
- }
|
