Skip to content
OverviewSolutions
3
Comments
3
Tanuja0530
@Tanuja0530

All comments

  • Tanuja0530•30
    @Tanuja0530Posted 3 months ago

    Good use of semantic tags, though adding a <main> tag could further improve structure.Solid accessibility, but ensure all interactive elements are keyboard accessible and consider adding aria-labels for better screen reader support.Layout is responsive across devices. You might want to refine text scaling on smaller screens.Code is well-structured and readable. Consider using CSS variables for easier updates and consistency.The design closely matches the original, with any differences enhancing the overall look.

    0
  • Tanuja0530•30
    @Tanuja0530Posted 3 months ago

    Your use of semantic HTML elements is excellent, which improves both accessibility and the structure of your content. Consider adding descriptive labels to interactive elements for even better screen reader support.The layout adapts well across different screen sizes. However, you might want to adjust padding and margins on smaller screens to prevent content from feeling cramped.Your code is well-structured and easy to read. To improve maintainability, consider using CSS variables or a preprocessor to reduce repetitive styles.Your solution closely matches the original design, showing attention to detail in typography and spacing. Great job on maintaining design consistency!

    1
  • Mahmood•1,510
    @MahmoodHashemSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I take immense pride in successfully undertaking my inaugural challenge post my acquisition of knowledge in HTML and CSS. I dedicated significant time refining my CSS layout skills, which greatly contributed to the project's success. Moving forward, I aim to enhance my approach further by incorporating a greater utilization of semantic HTML tags alongside proficiently leveraging modern CSS layout tools such as Flexbox and Grid for heightened efficiency and refined outcomes.

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

    I initially faced challenges with positioning the card in the center effectively. To overcome this obstacle, I leveraged the aligning properties of CSS to achieve the desired layout

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

    I am seeking guidance particularly in the implementation of Flexbox and CSS Grid.

    QR code component challenge Solution

    1
    Tanuja0530•30
    @Tanuja0530Posted 3 months ago

    It's good of using implementation of Flexbox and CSS Grid, but also you can use css styleing for keeping the card at center we can use top and left with position absolute.

    0