Responsive Recipe Page with only HTML and CSS

Community feedback

• 

  P

  kaLihaRi•50

  @kalihari90Posted 4 months ago

  Hello @ownedbyanonymous Congratulations on your solution. Good work! I like that you used tables and some semantic HTML. I've got few suggestion to improve your project.

  1.) HTML structure - try to put all content below the picture into one div, so you can add display:flexbox; flex-direction: column; gap: 32px; od display:grid; gap: 32px; instead of using margins on all elements seperately

  2.) Main heading needs to be bigger font-size: 40px;

  3.) Instruction section - there should be ordered list <ol> instead of unordered <ul>

  4.) You should add somehow white spaces at the top & the bottom of the page to make it look visually better and to make it easier to check [solution <=> design] comparison

  5.) Card width - card is to narrow. In the design cotainer have max-width: 736px;

  0