Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
38
Comments
2
pettik
@pettik

All solutions

  • pettik--loopstudios-landing-page


    pettik•600
    Submitted 4 months ago

    I would appreciate feedback on mobile responsiveness, especially how the banner heading scales on smaller devices. Additionally, I am unsure if my CSS custom properties ( variables) are structured efficiently—are there better ways to manage them? Finally, I’d love to hear suggestions on optimizing image loading performance, particularly for the background and product images, without compromising quality.:root


    0 comments
  • pettik--notifications-page


    pettik•600
    Submitted 11 months ago

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

    1. Advanced Accessibility Features:

      • Explanation: While I have implemented basic accessibility features, I would appreciate guidance on advanced techniques to ensure the site is fully accessible to all users, including those using screen readers and other assistive technologies.
      • Help Needed: Recommendations on best practices for ARIA roles, labels, and handling focus states effectively.
    2. Performance Optimization:

      • Explanation: Although I have taken steps to optimize performance, I believe there is room for further improvement, particularly in areas such as reducing initial load time and enhancing script execution.
      • Help Needed: Expert advice on advanced optimization techniques, such as code splitting, efficient caching strategies, and using modern JavaScript features to improve performance.
    3. Code Review and Refactoring:

      • Explanation: Ensuring that the codebase remains clean, maintainable, and scalable is essential. I have done my best to keep the code organized, but an external review could highlight areas I might have missed.
      • Help Needed: A thorough code review to identify potential areas for refactoring, optimization opportunities, and suggestions for improving code structure and readability.
    4. Cross-Browser and Device Compatibility:

      • Explanation: While I have tested the site on multiple browsers and devices, there may still be edge cases or specific scenarios that I haven't accounted for.
      • Help Needed: Assistance in conducting comprehensive cross-browser and cross-device testing, identifying compatibility issues, and implementing solutions to ensure a consistent experience across all platforms.
    5. Advanced CSS Techniques:

      • Explanation: I have implemented a responsive design and used CSS variables, but I am keen to learn more about advanced CSS techniques that could enhance the design and functionality of the site.
      • Help Needed: Guidance on using CSS Grid, Flexbox advanced properties, animations, and transitions to create more sophisticated layouts and interactions.
    6. Security Best Practices:

      • Explanation: Ensuring the security of the site is paramount. While I have implemented basic security measures, I would like to ensure that I am following the best practices to protect against common vulnerabilities.
      • Help Needed: Expert advice on web security best practices, including secure handling of user data, preventing XSS and CSRF attacks, and other common security threats.

    0 comments
  • pettik--contact-form


    pettik•600
    Submitted 11 months ago

    I would appreciate help with optimizing the JavaScript code, particularly in improving the efficiency of the form validation process. Specifically, I'm looking for feedback on how to handle multiple conditions and error messages in a more streamlined manner. Additionally, I'd like advice on making the CSS more modular and maintainable, particularly regarding the responsiveness of the design. Suggestions on how to better organize my CSS and possibly use a preprocessor like SASS would be very helpful.


    0 comments
  • FrontendMentor--bookmark-tailwind-css


    pettik•600
    Submitted about 1 year ago

    0 comments
  • FrontendMentor--URL-shortly-tailwind-css


    pettik•600
    Submitted about 1 year ago

    0 comments
  • pettik--social-links-profile


    pettik•600
    Submitted about 1 year ago

    If I have chosen the correct naming of element classes and also whether the styling corresponds to the requirements.


    1 comment
  • pettik--recipe-page


    pettik•600
    Submitted about 1 year ago

    If there are any opportunities to enhance the semantics of my code (such as using more appropriate HTML elements), I’d love to learn more. Also I’d like assistance in making my page more accessible. Suggestions for adding ARIA attributes, improving keyboard navigation, and enhancing alt text for images would be great.


    2 comments
  • https://pettik-faq-accordion.netlify.app/


    pettik•600
    Submitted over 1 year ago

    0 comments
  • pettik--blog-preview-card


    pettik•600
    Submitted over 1 year ago

    I would like help with improving the responsiveness of my design. While I have used media queries to adjust the layout for different screen sizes, I’m still not completely satisfied with how it looks on all devices. I would appreciate any advice or best practices on creating truly responsive designs.

    Additionally, I would like to learn more about optimizing the performance of my CSS. While I’ve tried to keep my CSS clean and organized, I’m sure there are ways to make it even more efficient.

    Lastly, I’m interested in learning more about accessibility in web design. I want to ensure that my web pages are accessible to all users, including those with disabilities. Any resources or tips on this topic would be greatly appreciated.


    1 comment
  • pettik--age-calculator-app-main.netlify.app/


    pettik•600
    Submitted over 1 year ago

    0 comments
  • pettik-ping-coming-soon-page


    pettik•600
    Submitted over 1 year ago

    0 comments
  • pettik--newsletter-sign-up-form-with.netlify.app


    pettik•600
    Submitted almost 2 years ago

    0 comments
  • pettik--intro-component-with-signup-form-master


    pettik•600
    Submitted almost 2 years ago

    0 comments
  • pettik--base-apparel-coming-soon-page


    pettik•600
    Submitted about 2 years ago

    0 comments
  • pettik--results-summary-component


    pettik•600
    Submitted about 2 years ago

    0 comments
  • pettik-article-preview-component


    pettik•600
    Submitted about 2 years ago

    0 comments
  • pettik-faq-accordion-card-main


    pettik•600
    Submitted about 2 years ago

    0 comments
  • pettik--interactive-rating-component


    pettik•600
    Submitted over 2 years ago

    0 comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub