..
What challenges did you encounter, and how did you overcome them?Giving padding and margin to table
What specific areas of your project would you like help with?feedback on html markup and css practices
..
What challenges did you encounter, and how did you overcome them?Giving padding and margin to table
What specific areas of your project would you like help with?feedback on html markup and css practices
Great job! But don't forget to place the size of the letters correctly.
Maybe after a while I'll make it better.
What challenges did you encounter, and how did you overcome them?it is difficult to adjust the dimensions
What specific areas of your project would you like help with?semantic layout
Great solution. But at the bottom to position the second column of the table, you can try:
.omelette-nutrition .nutrition-table-value { display: flex; margin-top: 1rem; gap: 0.5rem; }
.nutrition-table-value .nutrient { margin-left: 2rem; margin-right: 17rem; width: 15px; } Instead of giving him margin one by one.
I'm new to this frontend development thing, so I'm proud that I was able to solve the problem with little online consultation.
What challenges did you encounter, and how did you overcome them?No really challenging problems were encountered in this project, just some questions about syntax, so a brief search resolved them.
It became clear to me that I needed more practice! XD
What specific areas of your project would you like help with?I would like to know if the organization of the code was adequate.
Para centrar el card, puedes ocupar: body { background-color: hsl(212, 45%, 89%); min-height: 100vh; display: flex; justify-content: center; align-items: center; }