Recipe Page Using Only CSS Flexbox for Responsiveness

Community feedback

• 

  P

  Bára Kalvodová•90

  @BaraKalvo

  Posted 13 days ago

  Hi, nice visual styling! :-) Just a small note: since the section Nutrition displays nutritional values in two columns and even refers to a 'table' in the text, it might be more semantically appropriate to use an actual <table> element. That way, screen readers can better understand the data structure. Here is an example of how it could look:

  <table>
    <tbody>
      <tr>
        <th scope="row">Calories</th>
        <td>277kcal</td>
      </tr>
   ...
  

  00
• 

  LelloX-Dev•100

  @LelloX-Dev

  Posted 14 days ago

  Good job!!

  the only few things i can notice is the headers that are a bit too bold and the padding-left on the lists wich is not quite right.

  but aside those little things, it looks very good

  00