Skip to content
OverviewSolutions
7
Comments
7
Juriya
@juriya

All comments

  • Juriya•160
    @juriyaPosted about 2 months ago

    Congratulations on completing the challenge!!

    The solution effectively utilizes semantic HTML and is accessible. Its responsive layout and well-structured, readable code align closely with the design.

    Marked as helpful
    0
  • Juriya•160
    @juriyaPosted about 2 months ago

    Congratulations on completing the challenge!!

    Your solution looks good on a range of screen sizes but with little improvements it looks even great. Here are some things which I would like to suggest:

    1. I have noticed you are using <div> to create divisions in your template. Instead you can consider using semantic elements like <main>, <article> and <section>
    2. For layout, instead of using width, you can use flexbox or grid for this challenge

    Hope this is helpful!!

    Marked as helpful
    0
  • Rodri•160
    @rcsilva211Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to revise and use on both width and height, as well as use calc to have responsive font-sizes, as well clamp on both the width and height, and all this combined has made me see that it did a much better job on responsiveness.

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

    Definitely doing responsivess from scratch. I understand the main concept, but I think I've written a lot more lines than originally necessary. Other than that, the concepts are pretty clear to me.

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

    Help in recognizing where I could've done better or how in terms of the code done. Exe: what could I do to make everything more responsive in less lines of code.

    Product preview card

    1
    Juriya•160
    @juriyaPosted about 2 months ago

    Congratulations on the solid solution!

    It could benefit from using semantic HTML elements like <main> and <section> instead of relying solely on <div> tags for better accessibility and structure. Overall, the layout is good, but incorporating semantic elements would enhance readability and alignment with best practices.

    0
  • Juriya•160
    @juriyaPosted about 2 months ago

    Congratulations on completing the challenge!

    To further enhance your solution, consider a few key areas:

    1. Start by refining your use of semantic HTML—replacing generic <div> elements with more meaningful tags like <section> or <article> will provide better document structure and clarity.
    2. For responsiveness, implement media queries to adapt the layout for various screen sizes and use flexible design techniques like responsive units and grid layouts.
    3. In some areas, I have noticed you are using &nbsp; for spacing the text; instead you can use table with full width or flex container to eliminate the need for fixed spacing in our template.

    Hope this is helpful!!

    0
  • Juriya•160
    @juriyaPosted about 2 months ago

    The solution uses accessible, well-structured code that aligns with the design and adapts to various screen sizes. Replacing <div> with semantic elements like <main>, <section>, and <header> could improve clarity. Overall, the implementation is commendable.

    0
  • Juriya•160
    @juriyaPosted about 2 months ago

    Great job on using semantic HTML effectively and maintaining well-structured, readable code. The design is nearly spot-on and accessible, which is commendable. However, to improve responsiveness, especially on smaller screens, consider implementing media queries and flexible layouts to prevent cropping. Overall, the work is strong, and with a few tweaks for responsiveness, it will be even better.

    Marked as helpful
    0
  • Juriya•160
    @juriyaPosted about 2 months ago

    The solution effectively uses semantic HTML and is accessible. The layout performs well across various screen sizes, but minor adjustments to text padding are needed to match the design precisely. Overall, the code is well-structured, readable, and reusable, and the implementation closely aligns with the design.

    Marked as helpful
    0