@Dev-MV6
Posted
Hi there 👋, congratulations on solving this challenge, your solution looks great.
I think you are using the table
element correctly, remember you can always explore different ways to get the same result using CSS and Flexbox, in any case, don't worry about the table. The way you approached it is completely valid.
Now, using margin
to set the spacing between the list items is completely valid as well. In fact, I think it is the most common way. If you are curious about alternative ways to set the spacing between the items in a list, Flexbox has you covered:
.list {
display: flex; /* enable Flexbox in the container */
flex-direction: column; /* position children elements in a column */
gap: 0.5rem; /* the space you want between the children elements */
}
You can read more about Flexbox in this article: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Hope you find this helpful 👍
Marked as helpful