Skip to content
Submitted 12 months ago

Responsive web using react, leaflet, react-router, formik, yup,

Saša Taušan•360
@Sasa-Tausan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Designo multi-page website
  • HTML
  • CSS
  • JS
5guru

Design comparison

SolutionDesign

Solution retrospective

Being a beginner, this was a challenging project but I managed to finish it. The hardest part for me was writing CSS since I didn't use any external library like Tailwind. CSS is not optimized. I need to improve to write clean and optimized CSS if someone have some guidelines how to wirte optimized CSS it would be much appreciated. I learned a lot of new things and for the first time I used libraries such as Formik, Yup and Framer Motion. Any constructive critique is welcome.

Community feedback

  • Better5afe•850
    @better5afePosted 12 months ago

    Hi there, congrats on completing this challenge! 🎉

    It looks very nice and everything is working as exepcted. I also had a look at your code and I must admit, it's written in a really neat way and is easy to be read by another developer. Nice!

    However, there is one minor thing that could be improved - the textarea element on the contact page can be resized horizontally and sticks out of the form layout.

    You can fix it by restricting the resizing direction to only vertical axis (add resize: vertical to the textarea styles) or by setting the desired dimensions and block resizing entirely. Feel free to read more about this property on MDN.

    Other than that, I this is a very strong project, keep it up!

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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