@boysers
Posted
Hi, you can improve your "nutrition table" CSS as follows:
.nutrition__table {
display: block;
margin-top: 12px;
tbody {
display: block;
}
tbody > :not(:last-child) {
padding: 12px 0;
border-bottom: 1px solid var(--color-white-coffee);
}
tbody > :last-child {
padding-top: 12px;
}
tr {
display: flex; /* Changed from block to flex */
}
td {
display: inline-block;
height: 24px;
/* width: 115.5px; remove fixed width */
flex: 1; /* Added flex 1 */
}
.tag {
padding-left: 32px;
}
.value {
margin-left: 16px;
}
}
good work! 😉