Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
3

Jason

@jasonalnerUK120 points

Self taught front end web developer, currently learning html, css and JavaScript.

I’m currently learning...

HTML CSS JavaScript React

Latest solutions

  • Todo app with ReactJS

    #react

    Jason•120
    Submitted over 1 year ago

    0 comments
  • HTML, CSS and JS, using Flexbox


    Jason•120
    Submitted almost 4 years ago

    0 comments
  • Base Apparel Coming Soon - html/css/js


    Jason•120
    Submitted over 4 years ago

    0 comments
  • Four Card Feature Section


    Jason•120
    Submitted over 4 years ago

    0 comments
  • Social Proof Section Master


    Jason•120
    Submitted over 4 years ago

    0 comments
  • FAQ Accordion using html, css and JavaScript


    Jason•120
    Submitted over 4 years ago

    2 comments
View more solutions

Latest comments

  • Duvan Rodriguez•120
    @TkDevk
    Submitted over 1 year ago

    Css vanilla and ReactJs

    #accessibility#react
    1
    Jason•120
    @jasonalner
    Posted over 1 year ago

    Hey Duvan, Great attempt, it looks good! I would just focus on getting the functionality to work for all the buttons at the bottom of the form. Getting the filter options and clear all completed button working will really improve the project. Keep going with it!

  • Thiago Morais•420
    @thirraz
    Submitted almost 3 years ago

    Advice Generator App

    #react#accessibility
    1
    Jason•120
    @jasonalner
    Posted almost 3 years ago

    Really nice work Thiago, I love the dice rolly animation, looks really great. I'd take the app one step further and have some sort of animation when new text is display, perhaps fade in/out the old and new text or something instead of the text just being replaced instantly.

    Can't fault it much at all though. Nice clean design and pretty close to the original design. Great work.

    Marked as helpful
  • Tamarchika•250
    @Tamarchika
    Submitted over 4 years ago

    html -css

    3
    Jason•120
    @jasonalner
    Posted over 4 years ago

    Hello! That's a great solution for a first challenge. To correct your font, you'll need to import it from google and include it in your stylesheet. Follow the link from the style guide and select the font, then follow the instructions on google to import the font. You're looking for this code...

    @import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;700&display=swap')

    You can also improve your solution by adding a border to your image, with a border radius to make it a circle too.

    Hope that helps and well done!

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!

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