Skip to content
OverviewSolutions
10
Comments
11
P

Paul Wonka

@pdoubleu30York, PA200 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

  • CSS + HTML

    P
    Paul Wonka•200
    Submitted 3 days 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•200
    Submitted 6 days 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•200
    Submitted 12 days ago

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

    1 comment

  • css, html, grid

    P
    Paul Wonka•200
    Submitted 13 days ago

    anything and everything. i'm new to coding but would love any feedback to improve, especially to reduce the amount of code.

    2 comments

  • html, css, media query

    P
    Paul Wonka•200
    Submitted 22 days ago

    If someone could provide guidance on my desktop view it would be greatly appreciated. For some reason, I am having trouble changing margins, and paddings so I'm not sure if some of my written code is preventing me from making further changes. For example, I could not figure out how to make the top right corner of the white container to have a radius, or to get rid of the extra white space on the far right and bottom of the container.

    1 comment

  • html, css, table, lists

    P
    Paul Wonka•200
    Submitted 28 days ago

    I am open to any suggestions. I would like my code to be simpler and more efficient. Thank you.

    2 comments
View more solutions

Latest comments

  • P
    Shixu Luo•180
    @ShixuLuoSubmitted 7 days 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•200
    @pdoubleu30Posted 6 days 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
    1
  • P
    mpujazon•150
    @mpujazonSubmitted 11 days 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•200
    @pdoubleu30Posted 11 days 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!

    0
  • P
    Paul Wonka•200
    @pdoubleu30Posted 11 days ago

    Great job! May I to suggest using:

    display: flex; justify-content: center; align-items: center; height: 100vh;

    to center your content on the page. Everything looks good!

    0
  • nikolajseverin•60
    @nikolajseverinSubmitted 12 days ago
    What are you most proud of, and what would you do differently next time?

    Maybe the html container division is quite pleasant I think.

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

    I unsure of how important semantic html is, especially because I am not using it that much. Also should I switch out px or anything like this with some other units. and also how good should I be before moving onto react, typescript...

    GRID FOR PEOPLE

    2
    P
    Paul Wonka•200
    @pdoubleu30Posted 11 days ago

    @nikolajseverin Great job on this challenge! Your code looks very clean, and the final product is close to the design! One suggestion to center your content on the page would be to add:

    display: flex; justify-content: center; align-items: center;

    to #testimonial-grid-container

    Hope this helps! Keep up the good work!

    0
  • IvanRL-11•100
    @IvanRL-11Submitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    Lograr resolver el ejercicio sin tantas complicaciones es lo que más me pone feliz, al final lo importante es seguir mejorando con cada ejercicio.

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

    Tuve un problema a la hora de ajustar el diseño para desktop pero al final lo pude solucionar definiendo el width a un elemento que no lo tenia.

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

    Cualquier comentario para poder mejorar el desarrollo lo agradeceré demasiado.

    Utilice Flexbox y Grid

    2
    P
    Paul Wonka•200
    @pdoubleu30Posted 13 days ago

    Great job, Ivan! Your solution is much closer than mine is so I cannot really offer any improvements! If I had to be picky, maybe you could make the box shadow less dark and not make the border-radius so sharp. Otherwise again, fantastic job!

    Marked as helpful
    0
  • P
    Paul Wonka•200
    @pdoubleu30Posted 22 days ago

    Great job, Laurice! This looks to be spot on! The only thing I can think to mention, would to center the content. Try using the following on one of your containers:

    display: flex; justify-content: center; align-items: center; height: 100vh;

    Hopefully this will center your content.

    Marked as helpful
    0
View more comments