Skip to content
OverviewSolutions
31
Comments
18
P

Paul

@mayor-creatorAlexandria, VA520 points

“👋 Hi, I’m Paul, a passionate front end developer, currently diving deep into JavaScript and React JS. I love creating efficient solutions and sharing my learning journey. Check out my projects and tutorials on GitHub (mayor-creator). Always learning, always growing! 🚀”

I’m currently learning...

React JS

Latest solutions

View more solutions

Latest comments

  • adriantech-beep•390
    @adriantech-beep
    What challenges did you encounter, and how did you overcome them?

    i have encountered a lot of challenges here,including on how to calculate the random letters and how to implement the strength of the generated passwords.

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

    i struggled on the (range slider).i can't find a solution on how to change the color on the left of the slider whenever i drag the slider.and also the slider itself. i still cant manage to change its default color. please help if you do have the solution.i would really appreciate it.😊

    Responsive password generator app #HTML #CSS #JAVASCRIPT

    2
    P
    Paul•520
    @mayor-creator

    Hello congratulation on completing the challenge!

    I have a suggestion about how to style the slider element of your code. Here's an example on how to achieve changing the color of the slider on Firefox.

    .slide::-moz-range-progress {
  background-color: var(--color-neonGreen);
  height: 0.5rem;
}
.slide:: -moz - range - thumb {
  width: 1.5rem;
  height: 1.5rem;
  border - radius: 50 %;
  background: var(--color - white);
  cursor: pointer;
}

    I hope this helps. Happy coding!

    Marked as helpful
  • P
    Paul•520
    @mayor-creator

    Congrats on completing this challenge. It looks like select tips are logged to the console when you select a button.

  • P
    Paul•520
    @mayor-creator

    @wideirp congrats on completing this challenge. I have notice the image of the avatar is centered on desktop view instead of align to the left.

  • P
    Joshua Hovis•200
    @joshhovis
    What are you most proud of, and what would you do differently next time?

    Some of the css was tough when it came to the different viewports and getting everything aligned properly, but I was able to work it out. I still have edits to make to the tablet versions as there was no design for tablets and the images are at odd shapes and require a bit more work to look good on table sizes.

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

    The form validation was something I'd never done so figuring out how to use a library like ValidatorJS was a learning experience and then getting everything styled correctly based on form validation was a learning experience as well.

    Responsive Newsletter Form

    #sass/scss
    1
    P
    Paul•520
    @mayor-creator

    @joshhovis congrats on completing this challenge. Your solution looks great.

  • Dimitrios Dristellas•670
    @dimitrisdr
    What are you most proud of, and what would you do differently next time?

    I think that i am starting to understand how to write better semantic html. I also know that I need to work harder on this topic in order to consolidate it.

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

    I don't think that I managed to construct the share icons container with minimum code. There must be a simpler way of showing the icons from desktop to mobile without changing the parent which icons container lives.

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

    I think that I would like a simpler approach for how to display the icons container with simpler way (no js) like the design.

    preview component card

    1
    P
    Paul•520
    @mayor-creator

    @dimitrisdr congrats on this project. It looks great. Here's a few suggestion to help improve your project, set max-width to 365px for both the title and description. The max-width will set the maximum width space needed for both the title and description.

    #Happy Coding

  • P
    Paul•520
    @mayor-creator

    @pedrorocha014 congrats on completing this challenge, however when I click on preview site button it takes me to getting started with create react app page. Here's a great article on how to deploy react apps to Github pages How to deploy a Vite+React app to GitHub Pages

View more comments