Skip to content
OverviewSolutions
36
Comments
3

NayyabAqib

@nayyabaqibPakistan650 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

  • Base-Apparel-coming-soon-page

    #accessibility
    NayyabAqib•650
    Submitted about 2 months ago

    I’d like feedback on improving accessibility, optimizing responsiveness, and refining the overall design for better user experience.

    0 comments

  • Room Home Page Master

    #accessibility
    NayyabAqib•650
    Submitted about 2 months ago

    I would like help with ensuring pixel-perfect alignment of the images, especially the chairs in the hero section, so they align perfectly with the white content box. Additionally, I want to refine the responsiveness to ensure the layout adapts well across different screen sizes without misalignment.

    If there’s a more efficient way to structure the CSS or improve the JavaScript slider functionality for smoother transitions, I would appreciate guidance on that as well.

    0 comments

  • Artical_Preview_component

    #accessibility
    NayyabAqib•650
    Submitted about 2 months ago

    I would like help with optimizing my CSS for better responsiveness and ensuring the JavaScript functionality is as efficient as possible. Additionally, any feedback on improving accessibility and overall code structure would be greatly appreciated."

    1 comment

  • Time tracking dashboard

    #accessibility
    NayyabAqib•650
    Submitted about 2 months ago

    I would like help with optimizing the responsiveness of the dashboard, ensuring that the layout remains visually balanced on different screen sizes. Additionally, any suggestions for improving the overall design aesthetics would be appreciated.

    0 comments

  • Interactive pricing component

    #accessibility
    NayyabAqib•650
    Submitted about 2 months ago

    Right now, the project is working well, but I’d like help with:

    Smooth animations for the pricing toggle and slider. Better responsiveness for different screen sizes. Accessibility improvements to ensure usability for all users.

    1 comment

  • Tip_calculator_main_App

    #accessibility
    NayyabAqib•650
    Submitted about 2 months ago

    I would like help with optimizing the responsiveness of the layout, ensuring it looks good on all screen sizes. Additionally, any suggestions for improving the user experience, such as better button placement or enhanced styling, would be appreciated. If there are ways to make the JavaScript code more efficient, I’d love feedback on that as well.

    0 comments
View more solutions

Latest comments

  • Rimsha Parveen•460
    @Rimsha-Parveen
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully implementing the FAQ accordion functionality with a clean and responsive design. I ensured that the UI is user-friendly and works well across different devices. The challenge helped me improve my understanding of JavaScript event handling and CSS animations.

    Next time, I would focus more on optimizing the code structure and improving accessibility by adding better ARIA attributes for screen readers. I would also explore different animation techniques to make the transitions smoother.

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

    One of the challenges I faced was handling the toggle functionality efficiently without causing layout shifts. Initially, the transitions were not smooth, and the sections were overlapping when multiple items were opened.

    To fix this, I researched best practices for accordions and used CSS transitions along with JavaScript event listeners to ensure smooth expansion and collapse. I also debugged my code using DevTools to fix layout issues.

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

    I would appreciate feedback on my code structure and best practices for cleaner and more maintainable code.

    FAQ-accordion

    #accessibility
    1
    NayyabAqib•650
    @nayyabaqib

    great work

  • Rimsha Parveen•460
    @Rimsha-Parveen
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully implementing the core functionalities of my project, including [mention key features, e.g., security system, AI assistant, or gesture control]. It was a great learning experience, and I improved my skills in [mention technologies like Python, OpenCV, ESP32, etc.].

    Next time, I would focus more on optimizing performance and refining the user interface to enhance usability. Additionally, I would allocate more time for testing to ensure smoother execution and better error handling.

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

    One of the main challenges I encountered was [mention a challenge, e.g., optimizing performance, debugging errors, or hardware integration]. I overcame this by researching solutions, seeking guidance from online resources, and testing different approaches until I found the best one.

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

    Nothing

    Result-Summary-Card

    #accessibility
    1
    NayyabAqib•650
    @nayyabaqib

    MashAllah great...

  • Bareera Nawaz•280
    @bareeranawaz123
    What are you most proud of, and what would you do differently next time?

    I am proud that I successfully built a clean and responsive QR code component using HTML and CSS. I implemented CSS Flexbox/Grid to structure the layout efficiently. Additionally, I focused on making the design visually appealing while keeping the code well-organized. Next time, I would add hover effects and subtle animations to make the design more interactive. I would also explore using CSS frameworks like Tailwind or SCSS to enhance styling efficiency. Moreover, I would focus more on accessibility improvements, such as adding better ARIA attributes and ensuring optimal usability for all users.

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

    One of the main challenges I faced was making the design fully responsive on different screen sizes. Initially, the QR code component didn’t align properly on smaller screens. To fix this, I used CSS Flexbox and media queries, which helped adjust the layout dynamically. Another challenge was ensuring proper spacing and alignment. At first, the text inside the component seemed misaligned. I solved this by refining the padding and margin values and using relative units (%, rem, em) instead of fixed pixel values for better adaptability. I would appreciate feedback on best practices for improving accessibility and making the component more visually appealing with subtle animations. Additionally, any suggestions on optimizing my CSS structure for better maintainability would be helpful.

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

    I would like help in the following areas:

    Improving Accessibility: I want to ensure my QR code component is more accessible to all users, including those using screen readers. Any tips on ARIA attributes or best practices would be helpful.

    Optimizing CSS Structure: I would appreciate suggestions on organizing my CSS more efficiently for better maintainability and scalability.

    Enhancing Visual Appeal: Any advice on adding subtle animations or hover effects to make the design more engaging would be great.

    QR.code

    #accessibility
    1
    NayyabAqib•650
    @nayyabaqib

    great dear