Responsive recipe page built with html and css

Community feedback

• 

  Awais Ahmad•20

  @awaisahmad64Posted 8 months ago

  you completed an awesome pixel-perfect design.

  1

  ---

  

  Gift Amachree•870

  @jen67Posted 8 months ago

  @awaisahmad64 Thank you so much 😊

  0
• 

  Ibrahim Mohammed•640

  @MohammedOnGitPosted about 2 months ago

  Hello Gift Amachree!

  Congratulations on completing the challenge. You did awesome! However, looking at your "Design Comparison" solution, I presume you completed the project using your best judgment.

  I recommend Pixel Perfect Pro for you. It is a Chrome extension that allows you to upload the Frontend Mentor's design pictures directly onto your browser. This will aid you in comparing your design with the project design specifications while you code. With this tool, you are likely to create a nearly perfect solution, if not pixel-perfect, in the future.

  You can search for the tool or use the link below to download it.

  Happy coding!

  NB: I am not sponsored by the developers of the tool in any way.

  0
• 

  Sivaprasath•2,520

  @sivaprasath2004Posted 6 months ago

  Hello i`ll wishing for your completion project solution.

  • Nice solution. It`s proper HTML structure format .

  • If I want to recommend the <article> Ex: <div class="Instructions"></div> to use the <article></article>

  • The <article> tag in HTML, introduced with HTML5, serves a vital role in structuring web content. It delineates a self-contained and cohesive piece of content within a webpage, such as blog posts, news articles, forum posts, or even comments. Its purpose is to encapsulate content that could be distributed or reused independently.

  • By employing <article>, developers can semantically differentiate the primary content from peripheral elements on the page, aiding both search engines and assistive technologies in comprehending the significance of the encapsulated content. Typically, an <article> element includes a heading, usually marked up with <h1> to <h6>, providing a clear title or headline for the contained content.

  • This tag's usage aligns with the broader efforts in HTML5 towards improving the semantic structure of web documents, fostering accessibility, search engine optimization (SEO), and overall maintainability of websites.

  0
• 

  FabFalch•40

  @FabFalchPosted 7 months ago

  Just submitted mine so looking at others! Looks great! I've just checked out your README for this project also, I'm looking to see how I can improve my future README's for upcoming projects.

  0

  ---

  

  Gift Amachree•870

  @jen67Posted 7 months ago

  @FabFalch

  Thank you for your feedback! If you're looking to improve your future READMEs, you might find these resources on Markdown formatting helpful:

  Markdown Guide

  GitHub's Markdown Cheatsheet

  They offer great insights into crafting clear and concise documentation. Feel free to explore them and let me know if you have any questions!

  1