Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
15
P

Paul Wonka

@pdoubleu30York, PA260 points

I've been working within risk management for my whole professional career. However, I find web development fascinating and am striving to pivot careers if/when my skills are strong enough.

I’m currently learning...

HTML and CSS. I am planning to learn JavaScript once I am more proficient in web development.

Latest solutions

  • Responsive time tracker using CSS, HTML, JavaScript, grid etc


    P
    Paul Wonka•260
    Submitted about 1 month ago

    Anything. Simplifying code, especially the JavaScript.


    1 comment
  • HTML, CSS, Javascript


    P
    Paul Wonka•260
    Submitted about 2 months ago

    I am open to any suggestions for cleaning up and simplifying code. Especially with javascript


    1 comment
  • grid, html


    P
    Paul Wonka•260
    Submitted 3 months ago

    I am open to any suggestions to improve any aspect of my code, especially with the JavaScript. When the onclick event occurs, I could not figure out how to reset the code so the event disappears without clicking the button again if the screen was resized with the media query. Any suggestions would be greatly appreciated!


    1 comment
  • CSS + HTML


    P
    Paul Wonka•260
    Submitted 4 months ago

    I know my solution is not perfect so I am open to any and all feedback to improve. I am aware my code is likely too long so if I could get suggestions to simplify that would be appreciated. Also, if I could get tips on how I can improve the spacing more accurately on the header on desktop version using grid or flex box I would be grateful as well. Thank you!


    1 comment
  • responsive page using css & html


    P
    Paul Wonka•260
    Submitted 4 months ago

    I know my solution is not perfect so I am open to any and all feedback to improve. I am aware my code is likely too long so if I could get suggestions to simplify that would be appreciated. Also, if I could get tips on how I can improve the spacing more accurately on the header on desktop version using grid or flex box I would be grateful as well. Thank you!


    1 comment
  • css, html, grid, flexbox


    P
    Paul Wonka•260
    Submitted 4 months ago

    ANYTHING!! open to any feedback to improve. Thanks in advance!


    1 comment
View more solutions

Latest comments

  • P
    Faisal Almail•380
    @faisalalmail
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    The matter of fact, I dont think project was challenging, yes it was very new to me but I knew how to do it (in theory)1. I googled and read some text and learned how to process data from an array, 2. I had the idea initially to create the cards as a loop for each item in the array instead of hard coding each card (how to do it is what I am proud to learn). 3 I call this the first project where a CSS grid is in action.

    Overall, I would say I am very proud for completing this challenge for one reason I am glad I spent this time focused on something that I loved doing

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

    Challenges log for this challenge:

    1. display the report for and name arranged in line with the dp.

    solution sometimes things are complicated enough to make you think its not the easy fix you already know!

    1. cropping the activity icon a little from the top and make it hide behind the next div instead of showing on top.

    solution used negative margin on the image and applied z-index property to the divs. (turns out later in the project its better do put it as a background of the div instead of being an element)

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

    I would love to get any feedback on how could my css be cleaner

    loop generated time tracking report

    1
    P
    Paul Wonka•260
    @pdoubleu30
    Posted about 1 month ago

    @faisalalmail Great job with this challenge! Visually the challenge looks on point and the JavaScript works the way its supposed to. Regarding making the CSS code cleaner, I do not have too much to add as everything looks pretty good. However, the font styles for .tp1, .tp2, .tp3, and .tp4 are mostly the same, except for font-size and line-height. You can create a base class for the common font-weight: 300; and apply different classes for the specific font sizes.

    Hope this helps! Great job!

  • EDMON NASCIMENTO SANTOS•130
    @Edmon-Nascimento
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy to be able to use JavaScript functions. ChatGPT was helpful, but I did most of the work myself.

    Newsletter-sign-up-form-with-success-message

    2
    P
    Paul Wonka•260
    @pdoubleu30
    Posted about 2 months ago

    Really great job here with the design and getting the Javascript to behave appropriately! The only suggestion would be to have the email input text box to also outline in red when an incorrect submission attempt occurs. Great job overall!

  • web-dev-pasta•820
    @web-dev-pasta
    Submitted 2 months ago

    Browser extensions manager

    1
    P
    Paul Wonka•260
    @pdoubleu30
    Posted about 2 months ago

    @web-dev-pasta Great job on this project! I am very impressed with each project you complete. Would you be willing to share your email address? I have a few questions I would like to ask you. If not, no worries!

    Great job as always! Cheers!

    Marked as helpful
  • Monica Nkiri•90
    @Luwisky
    Submitted 3 months ago

    Article

    1
    P
    Paul Wonka•260
    @pdoubleu30
    Posted 3 months ago

    @Luwisky great job with this challenge! Your site appears to be responsive and the share button pop works nicely! If you were to adjust the padding just a bit, then it would look a little closer to the actual design. Very nice job overall!

  • P
    Shixu Luo•330
    @ShixuLuo
    Submitted 4 months ago
    What specific areas of your project would you like help with?
    1. The hero image in the assets/ folder has mobile and desktop version. The way I include them is that add them all and set display: none in my css with media query. It worked, but I'm thinking that if the style file wasn't loaded successfully, then there would be three hero images in the page, which is ugly and confusing. So what's the best way to achieve responsive design in this setting?

    2. All these texts don't have a max width, so they will spread as wide as they can. Is there a general rule of setting the max-width of a card, or a block of text? Like a portion to something?

    3. Pixels are not very intuitive to me. Is there any better unit to use in general?

    Thanks!

    Meet landing page

    1
    P
    Paul Wonka•260
    @pdoubleu30
    Posted 4 months ago

    Fantastic job! This solution looks very close to the actual design. Regarding your three questions:

    1. I approached this the same way as you, utilizing display: none. I am still trying to figure out a better way to do this next time and will let you know if I come across something.

    2. I do not believe there is a hard and fast rule regarding max-width. However, I believe its common practice to set the max-width of a container to prevent text from spreading all the way across a page etc. You can also set the width of the text content within the container to be a certain size of its parent. I typically use % when setting widths.

    3. I do not frequently utilize pixels in my code as you want your code to be as responsive as possible. I typically use percentages, em and rem for most things.

    Hope this helps!

    Marked as helpful
  • P
    mpujazon•250
    @mpujazon
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how accurate the solution is compared to the design file. Next time, I’d like to improve the time management during the challenge.

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

    I faced a few challenges, one was positioning the double quote within the card, and another was using z-index to control its depth, as I'm not very familiar with it. However, I was able to overcome both fairly easily.

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

    I don't need help with anything specific, but any feedback is always welcome.

    Responsive testimonials section with CSS Grid

    1
    P
    Paul Wonka•260
    @pdoubleu30
    Posted 4 months ago

    @mpujazon great job! To be honest, I am new still new to coding and cannot for the life of me offer any improvements to your solution. It looks just like the design!

    Thanks again for your helpful feedback on my prior solution as well!

    Keep up the good work!

View more comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub