Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Not Found
Not Found
P

Patrick

@palgramming
USA
14,525Points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest Solutions

  • Desktop design screenshot for the Testimonials grid section coding challenge

    Testimonial Grid Section (HTML & CSS)

    • HTML
    • CSS
    6
    Patrick14,525
    Submitted

    The only thing I find weird is the box shadow settings that were in sketch file but hopefully everything is like it should be

  • Desktop design screenshot for the FAQ accordion card coding challenge

    FAQ Accordion Card (HTML & CSS & JS)

    • HTML
    • CSS
    • JS
    1
    Patrick14,525
    Submitted

    Fun project I need to work on my JS some more to remove duplication but the functionality is there

  • Desktop design screenshot for the Intro component with sign-up form coding challenge

    Intro Component with Sign-Up Form (HTML & CSS & JS)

    • HTML
    • CSS
    • JS
    1
    Patrick14,525
    Submitted

    This is a fun project and I think got all the important details for it to work and look good on all screen sizes

  • Desktop design screenshot for the Ping single column coming soon page coding challenge

    Ping Coming Soon Page (HTML & CSS & JS)

    • HTML
    • CSS
    • JS
    2
    Patrick14,525
    Submitted

    I think I got the social icons a little better this time. I really do not like putting the SVG's in the HTML but I got them functioning proper I think.

    Also when someone types a invalid email address and the form is set to clear their entry I am not sure I like it that way seems like the example address should show in the error message and not in changed placeholder text but I did it how the project specified

  • Desktop design screenshot for the Huddle landing page with a single introductory section coding challenge

    Huddle Landing with Single Introductory Section (HTML + CSS)

    • HTML
    • CSS
    4
    Patrick14,525
    Submitted

    Background alignment is always fun and working with the social icons should not be such a challenge but I think I got this close and I guess I am happy with it enough to upload it. Granted I have rebuilt this like 4 times and not uploaded it in the last year

  • Desktop design screenshot for the Pod request access landing page coding challenge

    Pod Request Landing Page (HTML + CSS + JS)

    • HTML
    • CSS
    • JS
    8
    Patrick14,525
    Submitted

    Trying to be pixel perfect with these challenges but I did change the placement of the email submit error message. It seemed to be better since it worked with the design across screen types. The placeholder font weight had multiples in the design which seemed like a error so I just used bold for all view-port sizes.

    Thanks for any feedback I am happy with it but always looking to improve. I am really happy I got so far with this one

Latest Comments

  • Solution screenshot
    • HTML
    • CSS
    • JS
    • API

    responsive design, mucho js, template strings, css grid responsivo

    4
    P
    Patrick14,525 | Posted 10 months agocommented on Matias's "REST Countries API with color theme switcher" solution

    When the user selects a region from the drop-down the list does not show an option has been selected. The countries seem to update but there is no conformation that the user selected the correct region

    0
  • Solution screenshot
    • HTML
    • CSS

    simple order summery component coded partly with flex and auto-margin.

    2
    P
    Patrick14,525 | Posted 10 months agocommented on Sina gholami's "Order summary component" solution

    you should change you body background styles to this

    background: url('./images/pattern-background-desktop.svg');
    background-color: var(--Pale-blue);
    background-size: 100vw 40vh;
    background-repeat: no-repeat;
    
    1
  • Solution screenshot
    • HTML
    • CSS

    HTML, SCSS

    2
    P
    Patrick14,525 | Posted 10 months agocommented on Amon's "Order summary component" solution

    you should change the background-size on the body tag from 100% to '100% 40%or100vw 40vh`

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Calculator

    2
    P
    Patrick14,525 | Posted 10 months agocommented on Adekola Thanni's "Calculator app" solution

    you should limit the use of the . key so the user cannot enter a number like this 1.2.3.4.5.6.7.8.9

    0