body { display: flex; gap: 0 1em; flex-wrap: wrap; flex-direction: row; margin: 0; } header { width: 100%; background: black; color: white; display: flex; flex-direction: row; align-items: center; } header a { color: white; } #logo { width: 8em; } #breadcrumbs { list-style-type: none; } #breadcrumbs li { display: inline-block; } #breadcrumbs li.active { font-weight: bold; } aside { width: 20em; background: black; color: white; } aside a { color: white; } aside ul { list-style-type: none; padding: 0.5em; background-color: #333; border-radius: 0.5em; margin: 0.5em; } aside li { padding-bottom: 0.5em; } main { flex: 1; } table { border-collapse: collapse; border: 1px solid black; } table th, table td { border: 1px solid black; padding: 0.25em; } table.parrilla { width: 100% } table.parrilla td { width: 29%; } table.parrilla td:first-child { font-weight: bold; width: 9%; } table.parrilla td:nth-child(2) { background-color: #ddd; } table.parrilla td:nth-child(3) { background-color: #ccc; } table.parrilla td:nth-child(4) { background-color: #eee }