@RalphPastel972
Posted
Hello,
It is looking good.
I may suggest to change your breaking point because at a width of 770px it does not look good. And at a viewport width of 1000px, the actual .card has only 472px of width and it looks like a waste of space that does not respect design.
I would like to also suggest to use the <section>
tags for the different sections (Preparation, Ingredients, Instructions…) instead of just <div>
.
You succeeded to do the nutrition part with table! Well done. I couldn't and used just <div>. I think your approach is way better.
I do not have a solution for the responsive issue you mentioned (because I am a newbie) but you might try to change
.card {
width: 45%;
}
by
.card {
width: 736px;
}
Good luck!