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


    @Daniel-C04


    What are you most proud of, and what would you do differently next time?

    Having completed the challenge, although I had some inconveniences.

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

    Place background images so that they take up the entire space.

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

    How to place a background image, through css.

  • Submitted


    @rakiburrahman307


    What are you most proud of, and what would you do differently next time?

    I’m most proud of the responsive design and how well the form validation works across devices.

    Next time, I would focus more on optimizing the performance, perhaps by minimizing the CSS and JavaScript code further or using more advanced validation techniques.

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

    One of the main challenges was implementing responsive design across different screen sizes, especially when adjusting the layout for both mobile and tablet views. Ensuring that the content remained readable and the form was easy to use required careful testing and tweaking with CSS media queries.

    Another challenge was handling form validation in a user-friendly way. Initially, the error messages were not displayed clearly, and the error icons didn't align properly. I overcame this by refining the layout with relative positioning and adjusting the design for better visual feedback. Additionally, I wrote concise, clear error messages and added visual cues like the error icon to enhance the user experience.

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

    I’d appreciate advice on implementing real-time form validation feedback (as the user types) to enhance the user experience further.

    I'd like help with optimizing my CSS and JavaScript code, particularly for mobile devices, to improve page load speed and reduce resource usage.

  • Submitted


    @DavidVerghese


    What are you most proud of, and what would you do differently next time?

    I am proud of experimenting with new libraries such as 'yup.'

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

    Integrating Typescript was challenging. I had to make good use of the Typescript documentation and Stack Overflow.

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

    I'd like to hear thoughts on how to simplify my Redux code.

  • Submitted


    @Marcod01


    What are you most proud of, and what would you do differently next time?

    I am most proud of the fact I learned alot about github and how to properly commit changes and deploy a site. I am also porud of the fact that I learned how to make a design for different screen sizes. The thing I would do differently next time is I would begin by designing for the smallest screen size first.

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

    One challenge I encountered was I created an original design and then realised it did'nt work for the smaller screen sizes. I had to completely restart the css and make new sizing for each of my elements. Another challenge I faced was learning how to use github and deploying my site. I struggled with the deployment and committing changes.

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

    I would like feedback on how i should structure it differently and if I should use media queries for the different screen sizes.

  • Submitted


    @mic-tech-1010


    What are you most proud of, and what would you do differently next time?

    I am proud of i am now able to use figma file for web design

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

    The challenge i encountered was that i didn't initially know to import figma files an use if for the design

  • Submitted

    My solution

    • HTML
    • CSS

    0


    PYXHD 270

    @PYXHD


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

    My work is not perfect and some little things were hard to make.

  • Submitted


    @Avantiermv


    What are you most proud of, and what would you do differently next time?

    I'm going to study more about javascript and some things about flexbox and gridlayout. I'll focus more on the language and what I'd improve in the project, be it the code. I think it's very badly written, I understand, but do you? Well, I'm going to improve the construction of the code.

  • Submitted


    @echocode1


    What are you most proud of, and what would you do differently next time?

    it was success trying out react for the first time after a react course

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

    the issue I had was deploying basically with GitHub since, I haven't deployed a react project before and don't know how it works .but after some research I was able to do it

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

    creating components and how to structure my react project well .i will love input on that

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