Kevin Powell - Community•7mo ago

Thoughts on how to make this bottom part?

nutrition part is confusing me how do i make it?

9 Replies

Jochem•7mo ago

I'd use a DL

Code-S ♛OP•7mo ago

whats DL?

Jochem•7mo ago

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl

MDN Web Docs

: The Description List element - HTML: HyperText Markup Language | MDN

The HTML element represents a description list. The element encloses a list of groups of terms (specified using the element) and descriptions (provided by elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).

Jochem•7mo ago

I'm not 100% sure it fits semantically, it might be better to use a table

<table>
  <tr>
    <th>Calories</th>
    <td>277kcal</td>
  </tr>
  ...
</table>

<table>
  <tr>
    <th>Calories</th>
    <td>277kcal</td>
  </tr>
  ...
</table>

Code-S ♛OP•7mo ago

ill try table how do i add the lines in between them? the previuos lines i made were using a div

Jochem•7mo ago

that's a terrible way to add a line... you can add border-bottom to the TRs

Code-S ♛OP•7mo ago

whats the best way to add a line? borders?

Jochem•7mo ago

in this case, yes but otherwise it depends

Code-S ♛OP•7mo ago

alr thnx thnx jochem it worked

Gaming

Programming

Thoughts on how to make this bottom part?

Did you find this page helpful?