Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
2

stewart ridings

@digital-stewuk100 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!

I’m currently learning...

react typescript

Latest solutions

  • interactive card with react typescript and extras

    #typescript#react

    stewart ridings•100
    Submitted over 2 years ago

    1 comment
  • job listings fully responsive with react and typescript

    #react#typescript

    stewart ridings•100
    Submitted over 2 years ago

    0 comments
  • fully working react app, my first typeScript app

    #react#typescript

    stewart ridings•100
    Submitted over 2 years ago

    0 comments
  • product-preview-card-component


    stewart ridings•100
    Submitted over 2 years ago

    0 comments

Latest comments

  • Sean•150
    @sjoseph91
    Submitted over 2 years ago

    Interactive Card Detail Form built with React

    2
    stewart ridings•100
    @digital-stew
    Posted over 2 years ago

    recently learned this myself but look at the type, lets you have numbers without the ugly ^^ in the input field

        <label>
          CARD NUMBER
          <input
            type="tel"
            autocomplete="off"
            maxlength="16"
            name="number"
            id="cardNumber"
            placeholder="e.g. 1234 5678 9123 000"
            onkeypress="return event.charCode >= 48 && event.charCode <= 57"
            title="card number"
          />
          <div id="error-number" class="error-text"></div>
        </label>
    
    Marked as helpful
  • Farhan Navas•60
    @wakandakingz
    Submitted over 2 years ago

    Responsive Notifications Page using vanilla HTML, CSS and JS

    1
    stewart ridings•100
    @digital-stew
    Posted over 2 years ago

    personally i would remove the images from the figure tag then they will be a fixed size no matter the view width and easily styled

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

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