Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
1806
P

Patrick

@palgrammingUSA14,265 points

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

  • Stats Preview Card Component (HTML & CSS)


    P
    Patrick•14,265
    Submitted about 4 years ago

    0 comments
  • Meet Landing Page (HTML & CSS )


    P
    Patrick•14,265
    Submitted about 4 years ago

    1 comment
  • 3 Column Preview Card Component (HTML & CSS)


    P
    Patrick•14,265
    Submitted about 4 years ago

    0 comments
  • Pod Request Landing Page (HTML + CSS + JS)


    P
    Patrick•14,265
    Submitted about 4 years ago

    4 comments
  • Profile card component (HTML / CSS)


    P
    Patrick•14,265
    Submitted about 4 years ago

    0 comments
  • Testimonial Grid Section (HTML & CSS)


    P
    Patrick•14,265
    Submitted about 4 years ago

    4 comments
View more solutions

Latest comments

  • Jean•335
    @JeanMieses
    Submitted over 3 years ago

    GitHub user search app

    3
    P
    Patrick•14,265
    @palgramming
    Posted over 3 years ago

    Looks Good very nice job

    Marked as helpful
  • Matias•330
    @mmc1999
    Submitted over 3 years ago

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

    2
    P
    Patrick•14,265
    @palgramming
    Posted over 3 years ago

    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

    Marked as helpful
  • Sina gholami•10
    @sinaGh-cyber
    Submitted over 3 years ago

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

    1
    P
    Patrick•14,265
    @palgramming
    Posted over 3 years ago

    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;
    
    Marked as helpful
  • Amon•2,560
    @A-amon
    Submitted over 3 years ago

    HTML, SCSS

    1
    P
    Patrick•14,265
    @palgramming
    Posted over 3 years ago

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

    Marked as helpful
  • Adekola Thanni•590
    @AdekolaThanni
    Submitted over 3 years ago

    Calculator

    2
    P
    Patrick•14,265
    @palgramming
    Posted over 3 years ago

    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

  • Asim•265
    @asim-ali5514
    Submitted over 3 years ago

    React Website using Tailwind CSS,Next.js, and a little TypeScript

    1
    P
    Patrick•14,265
    @palgramming
    Posted over 3 years ago

    The main thing in you nav that is no state change for the user to know what page they are on. Some how you need to highlight to the user what page is currently selected

View more comments
Frontend Mentor logo

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

Mentor of the Week - 1st Place

This badge is awarded to the top placed community member on the weekly Wall of Fame.

Mentor of the Month - 2nd Place

This badge is awarded to the 2nd placed community member on the monthly Wall of Fame.

Fun fact

The computer in this badge is loosely based on the Commodore PET which was one of the earliest home computers launched in 1977. It came with 4 KB of RAM...that's not a typo!

Mentor of the Month - 1st Place

This badge is awarded to the top placed community member on the monthly Wall of Fame.

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

Mentor of the Month - 3rd Place

This badge is awarded to the 3rd placed community member on the monthly Wall of Fame.

Fun fact

An abacus is an ancient calculating tool. These days we would typically use a calculator or computer but the abacus is where it all started!

Mentor of the Year - 3rd Place

This badge is awarded to the 3rd placed community member on the yearly Wall of Fame.

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