Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
213

Web Frog

@MasterDev3331,840 points

A highly skilled and proficient WordPress developer with over seven years of professional experience in all aspects of WordPress website creation, including design, plug-ins, and implementation.

Latest solutions

  • My Team Page


    Web Frog•1,840
    Submitted over 4 years ago

    3 comments
  • Article Preview Component


    Web Frog•1,840
    Submitted over 4 years ago

    3 comments
  • Social Proof Section


    Web Frog•1,840
    Submitted over 4 years ago

    4 comments
  • Responsive FAQ


    Web Frog•1,840
    Submitted over 4 years ago

    2 comments
  • CSS Grid Cards


    Web Frog•1,840
    Submitted over 4 years ago

    2 comments
  • Profile Card


    Web Frog•1,840
    Submitted over 4 years ago

    2 comments

Latest comments

  • Fidel Lim•2,775
    @fidellim
    Submitted about 4 years ago

    Mobile First Project Tracking Intro Component using HTML, SCSS, and JS

    1
    Web Frog•1,840
    @MasterDev333
    Posted almost 4 years ago

    Great work! fully responsive and close to design. Here're some suggestions.

    • It would be great if you add transitions to buttons. please add transition: all .3s ease-in-outfor example.
    • on mobile view, please remove min-width for hero image
    • and personally, I think it would be great if you put landing-page-container outside of header tag. Hope this helps. Happy coding ~ :)
  • Stelin•10
    @StelinUwU
    Submitted over 4 years ago

    Intro component with grid, flex and js

    3
    Web Frog•1,840
    @MasterDev333
    Posted over 4 years ago

    Great work @Stelin. Everything is fully rsponsive and close to design. One suggstion, title should be h1 tag, not span. :) Happy coding~

  • Stuart Haw•20
    @shdsgn
    Submitted over 4 years ago

    Profile card component

    2
    Web Frog•1,840
    @MasterDev333
    Posted over 4 years ago

    Great work @Stuart Haw. It's a little tricky to draw background circles in this example. I suggest you use background-image or pseudo-elements. Here's my solution used pseudo elements. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG Hope it helps. Happy coding~ :)

  • Luca•210
    @Ducknaro
    Submitted over 4 years ago

    Social section Luca Tufo

    1
    Web Frog•1,840
    @MasterDev333
    Posted over 4 years ago

    Well done @Luca! Some suggestions here.

    • It would be great if you make everything fully responsive.
    • Font is not loaded correctly
    • background images are missing https://css-tricks.com/snippets/css/complete-guide-grid/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ These are great materials for studying CSS Grid and flex. Hope it helps. Happy coding~ :)
  • Daniel•60
    @DanielHolen
    Submitted over 4 years ago

    Profile Card (v2)

    2
    Web Frog•1,840
    @MasterDev333
    Posted over 4 years ago

    Great work @Daniel. Your solution is spot on. I suggest you to use background-image or pseudo-elements to draw background circles rather than real doms. And if you'd like to make your class names more readable, please study BEM. Hope it helps. Happy coding~ :)

  • Denis•155
    @DenisShkarinov
    Submitted over 4 years ago

    HTML, SCSS, BEM

    1
    Web Frog•1,840
    @MasterDev333
    Posted over 4 years ago

    Great solution @Denis. It would be better if you use pseudo-elements or background-image rather than real doms. Anyway, it was great. Happy coding~ :)

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 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!

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