Skip to content
OverviewSolutions
29
Comments
18
P
Paul
@mayor-creator

All comments

  • adriantech-beep•390
    @adriantech-beepSubmitted about 2 months ago
    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
    Paul•470
    @mayor-creatorPosted about 1 month ago

    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
    0
  • Paul•470
    @mayor-creatorPosted about 2 months ago

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

    0
  • Paul•470
    @mayor-creatorPosted 3 months ago

    @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.

    0
  • Joshua Hovis•200
    @joshhovisSubmitted 4 months ago
    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

    1
    Paul•470
    @mayor-creatorPosted 3 months ago

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

    0
  • Dimitrios Dristellas•590
    @dimitrisdrSubmitted 4 months ago
    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
    Paul•470
    @mayor-creatorPosted 3 months ago

    @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

    0
  • Paul•470
    @mayor-creatorPosted 4 months ago

    @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

    0
  • Paul•470
    @mayor-creatorSubmitted over 1 year ago

    Hello, I completed another project before shifting my focus to JavaScript. I had fun working with CSS Flex and Grid properties. What are some best practices for using CSS Grid? Any suggestion on how to improve this or my code will be appreciated. Thank you.

    Testimonials grid section component

    2
    Paul•470
    @mayor-creatorPosted 4 months ago

    Thank you for insightful feedback

    0
  • Paul•470
    @mayor-creatorPosted 4 months ago

    Congratulations on finishing this challenge! 🎉. it looks great

    0
  • Paul•470
    @mayor-creatorPosted 4 months ago

    Congrats on completing this challenge. Here are some suggestion

    • body { background: hsl(0, 0%, 98%); }
    • h2 {font-weight: semiBold; font-size: 20px; color: #4d4f62;}

    I hope this helps. Happy coding!

    Marked as helpful
    0
  • Zai Santillan•120
    @plskzSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?
    What challenges did you encounter, and how did you overcome them?
    What specific areas of your project would you like help with?

    Product preview card component

    1
    Paul•470
    @mayor-creatorPosted 5 months ago

    Congrats on completing this challenge

    0
  • brianopedal•40
    @brianopedalSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Using plain css & html. Not sure about the difference.

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

    The mobile first part is not implemented yet.

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

    The mobile part, with media queries.

    Recipe Page

    2
    Paul•470
    @mayor-creatorPosted 6 months ago

    Hi @brianopedal,

    Congrats on finishing this challenge. Here some suggestions to help improve your code.

    • Use the <img /> element for the image instead of the picture element. the picture element is used when you have multiple images that needs to be displayed depending on device viewpoint.
    • To make the image cover the space within the article class card, you can move the <h1> and <p> element outside of the class and apply this style to <img/>
    • img { height: auto; max-width: 100%; object-fit: contain; }

    Happy Coding

    0
  • Davisnz•150
    @DavisnzSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Another challenge done!

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

    I used a list instead of a link attribute, that made everything more difficult until I fixed it.

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

    All good!

    Social Links Profile

    1
    Paul•470
    @mayor-creatorPosted 8 months ago

    @Davisnz congrats on completing this challenge. Happy Coding.

    1