Skip to content
OverviewSolutions
3
Comments
3

Tanuja0530

@Tanuja053030 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • social-links-profile

    Tanuja0530•30
    Submitted 8 months ago

    I would appreciate feedback on the accessibility of my project, particularly in terms of keyboard navigation and screen reader compatibility. Additionally, I'd like advice on how to optimize my CSS for better maintainability and scalability, especially if there are ways to simplify the code while maintaining the design integrity.

    1 comment

  • Blog-preview-card

    Tanuja0530•30
    Submitted 8 months ago

    I would appreciate feedback on how to further optimize my CSS for performance and maintainability. Specifically, I’m curious if there are more efficient ways to structure my styles or better practices for handling responsive design. Additionally, any tips on improving accessibility would be highly valuable.

    2 comments

  • QR code

    #styled-components
    Tanuja0530•30
    Submitted 8 months ago

    with style sheet

    1 comment

Latest comments

  • Tanuja0530•30
    @Tanuja0530

    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.

  • Tanuja0530•30
    @Tanuja0530

    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!

  • Mahmood•2,130
    @MahmoodHashem
    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

    #foundation#styled-components#accessibility
    1
    Tanuja0530•30
    @Tanuja0530

    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.