Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Latest solutions

  • Submitted

    Html,Tailwind,Js

    #animation#tailwind-css
    • HTML
    • CSS

    0


    @TomasAlbert


    Hi !🖐, Today i completed this simple challenge i also added small hover effect. I would be happy for any feedback. Happy coding 💻!

  • Submitted

    vscode

    • HTML
    • CSS

    0


    @sheikhhaseeb559


    as first i use to adjust text using margin but in this design how to set by position relative property

  • Submitted

    QR Component

    • HTML
    • CSS

    1


    Juan 10

    @LaxusWebDev


    • Did i use well Media queries?
    • How can i know the breakpoints for each device?
    • What is the 1440px width in the style guide used for?
  • Submitted

    FAQ ACCORDION SOLUTION USING TAILWIND CSS

    #accessibility#tailwind-css#vite
    • HTML
    • CSS
    • JS

    0


    @ratul0407


    Another challenge done🚀🚀

    I learned quite a few things while doing this challenge✨

    Feel free to point out my mistakes and anything that I've forgot to implement😄

    Follow me and be a part of my journey on completing all free front end mentor challenges🚀🚀🎉

    All feedbacks are welcome👍

  • Submitted


    @LouaiKhodary13


    During comprehensive testing of the Product Preview Card component on multiple devices, an issue was identified specifically in the mobile view. The bottom border radius defined for the .item-1 container did not render as intended.

  • Submitted

    BookMark Pro: Your Ultimate Mobile-First Bookmarking Companion

    #animation#next#react#tailwind-css#typescript
    • HTML
    • CSS
    • JS

    0


    @christianonoh


    Hello everyone! I'm eager to learn about your approach to implementing the Extensions section in desktop view. Personally, I utilized an array, mapping through options and multiplying the index by a specified top margin. This design choice ensures a visually appealing layout—zero top margin for the first element (index 0), 8 for the second, and 16 for the third.

    Additionally, I'm curious about your method for creating the distinctive background shape featured in the hero section. In my case, I employed Illustrator to craft this unique visual element.

    I would greatly appreciate your insights and responses. Thank you!

  • Submitted

    FAQ accordion solution

    #animation
    • HTML
    • CSS
    • JS

    0


    Avi Roy 80

    @sudeep2003


    During the project, I encountered a few challenges that I found difficult:

    Ensuring that the QR code component looked and functioned well on various screen sizes and devices was a bit tricky. I had to use CSS media queries and adjust the layout to make it responsive.

    While I tried to maintain clean and well-structured code, there are a few areas where I am unsure or have concerns:

    CSS Complexity: In some parts of the CSS code, especially for styling the QR code itself, it might have become a bit complex. I wonder if there are better ways to organize and optimize the CSS for maintainability. Compatibility: Although I did some testing, I'm not entirely confident about the cross-browser compatibility of the project. It would be great to know if there are specific areas I should focus on to improve compatibility with various browsers. Yes, I have a few questions regarding best practices:

    CSS Best Practices: Are there any recommended best practices for organizing CSS in larger projects? I want to ensure that my stylesheets are maintainable and scalable. Accessibility: I want to access all the projects. Any guidance or advice on these best practices would be greatly appreciated!

  • Submitted


    @AmitKumar-001


    Your feedback is valuable to me!

    How can use addEventListener() with querySelectorAll("#rating")? The code is written in rating.js (https://github.com/AmitKumar-001/Project-From-Frontend-Mentor/blob/main/Interactive-Rating-Component-Main/rating.js) gives some errors in the console.

  • Submitted

    Tip Calculator

    • HTML
    • CSS
    • JS

    0


    Wangai 300

    @WangaiJM


    advice on how I could have used DRY principle to assign tips to the buttons and which other change should prompt the calculations to take place?

Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord