I'd like to get some tips on how to make sure all cards are exactly the same size and they get re-sized dynamically as I wasn't sure how to get it fully working. Just so they all take the same amount of space. I'd appreciate a tip in this case.
me gustan los puntos donde haces el cambio de pantalla y el como se adapta
I was able to finish this pretty quickly, so that was great :)
What challenges did you encounter, and how did you overcome them?The only challenge I had was to make the image stretch 100% width and height of the card for tablet/desktop, when there are two columns.
This was tough on me and I struggled especially with the :before and :after pseudo selectors :) Therefore, I am pretty proud of myself to have made it through :)
What challenges did you encounter, and how did you overcome them?Pseudo selectors and the overall structure of the html page.
What specific areas of your project would you like help with?I would love to get some feedback on how I can improve my html structure and css in general.
me gusta la estetica que majenas al final veo que usaste
<ul class="recipe__nutrition-list grid" role="list"> <li> <span>Calories</span> <span>277kcal</span> </li> <li> <span>Carbs</span> <span>0g</span> </li> <li> <span>Protein</span> <span>20g</span> </li> <li> <span>Fat</span> <span>22g</span> </li> </ul>creo que era mas declarativo usar
<table class="nutricion__tabla"> <tr> <td>Calories</td> <td class="tabla__totales">277kcal</td> </tr> <tr> <td>Carbs</td> <td class="tabla__totales">0g</td> </tr> <tr> <td>Protein</td> <td class="tabla__totales">20g</td> </tr> <tr> <td>Fat</td> <td class="tabla__totales">22g</td> </tr> </table>o bueno asi lo hice yo pero quedo genial saludos
hola me gusta como nombras las clases lo que yo hice fue definir una clase extra para el contenedor y expecifique el maximo y el minimo en el whidth para que no se desbordara saludos
