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


    @nina1234567896


    Hello fellow coders! It would be of great help if one of you could examine my javascript and look for ways i could have improved my code and maybe give me some tips on how i can write more clear and concise code. Is it a good idea at all to use if statements in your js? Your feedback will be much appreciated.

  • Submitted

    Responsive News Homepage

    #react#tailwind-css
    • HTML
    • CSS
    • JS

    0


    deepak k 100

    @dp4kk


    Implementing responsiveness was the most difficult part of the project, especially the responsive navbar.

  • Submitted


    @RochakDhakal


    A responsive site to display QR code. The view is responsive from Desktop viewport and mobile.

  • Submitted


    Smoshi 100

    @Smoshi0521


    Hello! This is my third challenge in FEM this challenge is actually fun and simple i've use the api of the geolocation and the leafletJS for the map. I struggle a while in using the React Leaflet because the map is not rerendering when i try to change the ipaddress and just a simple useEffect solve it hahaha I just made the ipaddress as the dependency whenever it change and rerender the Leaflet Map. And another thing is the Marker i struggle also showing the Marker icon because its not loading properly I got help in chatGPT and solve the problem hahaha. Anyways this tracker is fun to use. And I don't know how to find the location using the domain name and if anyone know how to use the geolocation using the domain please tell me hahaha.

    Please feel free to correct any of my mistake I appreciate any of it, and also it will help me to grow more.:)

  • Submitted

    Easybank landing page

    #tailwind-css
    • HTML
    • CSS
    • JS

    0


    Mcnafaha 100

    @TheMcnafaha


    I'm interested in seeing a solution to get the image-mockup png to match the design file. I could not come with a solution that achieves it.

  • Submitted


    @ayushkanyal


    Happy to complete my firs Javascript Challenge.

    All reviews are welcome.

    How did you match the colors for the dialogue boxes with the ones in the design?

    I used CSS color mix property.

    How can I improve the logic and design?

    I have given ID values of "1","2"..."5" to the options and clicks fetch the elemet.target.id values to the updateScore function. For some reason my javascript function kept returning "undefined" for my event.target.value selector, despite mentioning the values. What could be the reason?

  • Submitted


    @mohamed-fm


    Hello, this is Mohamed. I want help in designing the range button. How can I make it the same as the original design? Thank you

  • Submitted

    React tailwind rock paper scissor lizard spock

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

    0


    @alihaghjou


    Hi guys the thing that i couldn't guess a solution for is the circles around the winner choice. I did only one circle but many circles with different opacities are hard. If you have any suggestions i will be happy to hear them.

  • Submitted

    Practice with React & SASS

    #react#sass/scss
    • HTML
    • CSS
    • JS

    0


    @Chious


    1. Still think about would to show game button to display: inline-block while hover it, instead of showing all.
    2. While player win, board should show oordinates. I've tried to display this by renderGameRecord in Main.js, not sure why this didn't work.
    3. Wondering why console keep shows warning about useEffect
  • Submitted


    xyzeez 440

    @xyzeez


    Hello There! 👋🏽

    Here is my solution for this challenge!

    Built Using⚒️ :

    • Semantic HTML5 markup
    • CSS custom properties
    • CSS Flexbox
    • Mobile-first workflow
    • BEM
    • Animation

    Question🙋 : Any Idea on how to animate the input to the age position upon submission(as required by the challenge)?

    ... Feedback on how I can improve my code would be highly appreciated! 🙏🏽

    Thank You, and Keep coding! 👨🏽‍💻

  • Submitted


    Aimal Khan 2,040

    @Aimal-125


    Hi everyone!

    Check out my solution for the time tracking dashboard challenge. I have used custom CSS colors, CSS grid, CSS flex-box and vanilla JavaScript for this challenge. I have also added Animations for the mobile version.

    Please provide your feedback regarding this solution.

  • Submitted


    @coderSeth13


    Dealing with images is always a bit of a struggle. In this challenge images were a night mare but at last I did it.

    If you have a great source of information about dealing with images please share, thanks so much.

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