@rappeu-dev
Currently training to become a front end developer and a UI/UX designer. Also starting blog to discuss games and daily aspects of my life, coming soon!
I’m currently learning...- React - TypeScript - Next JS (App directory) - Cypress - Full-stack engineering
Latest solutions
Frontend Quiz Built with React + TypeScript
#cypress#react#react-router#typescript#vitestSubmitted over 1 year agoSpace Tourism Site Built with Next JS 13
#next#react#typescript#accessibilitySubmitted over 1 year agoMulti-Step Form Built with React, React-hook-form, and Redux
#cypress#react#redux#typescript#styled-componentsSubmitted almost 2 years agoGitHub User Search App built with React, TypeScript, and SWR
#cypress#react#swr#typescript#viteSubmitted almost 2 years agoPlanet Facts Site built with Next JS, CSS Modules, and TypeScript
#accessibility#cypress#next#typescript#reactSubmitted almost 2 years agoBMI Calculator created with React, TypeScript, and Styled Components
#accessibility#cypress#typescript#vite#styled-componentsSubmitted almost 2 years ago
Latest comments
- @JorgeAMendoza
Hey! Great solution! My recommendation would be to disable the "generate" button when the user does not have any options selected, or to not allow a user to uncheck everything from the options. Since most sites require a password of at least 8 characters, maybe it would best to also set the min password length of your generator to 8!
Overall great solution!
Marked as helpful - @codingbeary@JorgeAMendoza
Hello! Great attempt, the page is mostly responsive and your solution matches the design.
Some things I believe that can be improved upon:
- Starting on screen-width 425px, your mobile menu "hamburger icon" is rendering along with the desktop navigation list, causing an awkward layout. I would look back at your media queries and ensure that elements are hidden away properly.
- If a user opens up the mobile menu and expands the screen size, the "close-menu" icon appears next to the logo past the screen width of 425px. I would recommend implementing an event listener for window resizes that ensures to properly remove/hide the mobile nav menu on larger screens.
Please feel free to checkout my solution to this project for reference!
Marked as helpful - @Onecode24@JorgeAMendoza
Good afternoon, I would recommend using flexbox to quickly center something. For example, in desktop mode, have your body act as the flex container with a flex direction of column, then set the justify and align properties to center.
If that doesn't answer the question please check out stack overflow!
Marked as helpful
