Information Recipe Webpage using HTML and CSS

Community feedback

• 

  Dangelo•370

  @DangelobastPosted 9 days ago

  Pretty close to the original design, but there are things to improve and this is the best part to learn. I will point to what things are most relevant for me:

  1. Answering your question, your table doesn't fit your whole width because you are setting it to display: flex; and it will only take the necessary space, even if you set it to 100% afterwards. If you use your web developer tools and deactivate it then you will see it will occupy your whole width again, since is not behaving like a flex element, in other words taking only the necessary space.

  2. Didn't see any <hr> element in your code but sometimes when you don't set a width it doesn't work, so try setting a width to ensure it is occupying 100% of the space and see if that works for you.

  3. You probably want to add some more padding to your top image and to your preparation time, and some of your subheadings as well as line-height where is need it to basically give some space to your text so it doesn't look crowded, for example your ingredients.

  4. Your font-face looks fine, I would try to set the right colors and spacing and it will start to look similar, don't get too stressed about pixel perfect or making it look exactly the same just similar.

  Hope this helps !

  Marked as helpful

  0