Skip to content
OverviewSolutions
5
Comments
4
Aftab Haider
@aftabhaider-44

All comments

  • Aftab Haider•90
    @aftabhaider-44Posted 6 months ago

    Yes it includes semantic HTML. it is accessible, improvement needed in providing the right media queries. Yes the code is well structured and readable. No

    Marked as helpful
    0
  • Aftab Haider•90
    @aftabhaider-44Posted 7 months ago
    • Yes it contains semantic HTML.
    • Yes it is accessible.
    • Improvement required in flexibility on different screens and media queries are not used efficiently.
    • Yes code is well structured and reusable.
    • Yes Solution is different from the design.
    Marked as helpful
    0
  • Cillian Bracken-Conway•50
    @cillianbcSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Proud at how quick I was able to figure out the html structure

    What challenges did you encounter, and how did you overcome them?

    Nothing major. Struggle to figure out padding etc in the figma file

    What specific areas of your project would you like help with?

    Figma more than anything currently

    Frontend Mentor - Blog preview card solution

    1
    Aftab Haider•90
    @aftabhaider-44Posted 8 months ago

    1. Yes, the solution includes the use of semantic HTML tags such as <header>, <nav>, <main>, <section>, <article>, <aside>, and <footer>, which enhance accessibility and provide clarity to the structure of the content.

    2. In terms of accessibility, the solution is well-structured and uses appropriate HTML landmarks, making it accessible to screen readers and other assistive technologies. However, improvements could be made by ensuring that all images have descriptive alt attributes, and by implementing keyboard navigation and focus management.

    3. The layout is responsive and adapts well to various screen sizes, thanks to the use of flexbox and responsive design techniques. Media queries are utilized to adjust the layout and styling based on the viewport width, ensuring a consistent and pleasing experience across devices.

    4. The code is well-structured, readable, and reusable. It follows best practices such as using meaningful class names, separating concerns by keeping HTML, CSS. This makes the code easy to understand, maintain, and extend.

    5. The solution closely resembles the design, adhering to the provided specifications and layout. Any differences are likely minor and may result from practical considerations or adaptations made during implementation to ensure functionality and responsiveness.

    0
  • Sean•210
    @UFXtrendscalperSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Too early to tell. I think for the first project it went well. I have a lot to learn.

    What challenges did you encounter, and how did you overcome them?

    first project so great learning experience.

    What specific areas of your project would you like help with?

    I added tags in the but I think there is a better way.

    QR-code

    1
    Aftab Haider•90
    @aftabhaider-44Posted 8 months ago

    I was not aware of tags like <header> and <footer> and their usage in HTML file. This Solution code helped me understanding the layout aswell.

    0