Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
33
Comments
5

Jonathan

@corjonCalifornia510 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

  • Coming Soon Site

    #vite#react

    Jonathan•510
    Submitted almost 2 years ago

    0 comments
  • Job listings app

    #vite#react

    Jonathan•510
    Submitted over 2 years ago

    1 comment
  • Social Media Dashboard

    #react

    Jonathan•510
    Submitted over 2 years ago

    1 comment
  • Advice generator

    #react#vite#tanstack-query

    Jonathan•510
    Submitted over 2 years ago

    0 comments
  • Ping coming soon

    #react#vite

    Jonathan•510
    Submitted over 2 years ago

    0 comments
  • Article preview component

    #vite#react

    Jonathan•510
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Wilver Salazar•30
    @ZephyroCode
    Submitted almost 3 years ago

    Huddle Landing Page - Using SASS

    #sass/scss
    2
    Jonathan•510
    @corjon
    Posted almost 3 years ago

    For your concern about your screen size: You can right-click on your site and choose 'inspect'. This opens your browsers dev tools and at the top select 'responsive' then change the width to whatever you want. Hope this helps!

    Marked as helpful
  • Alif Borgmeier•10
    @AlifB
    Submitted almost 3 years ago

    QR code component using basic CSS

    2
    Jonathan•510
    @corjon
    Posted almost 3 years ago

    Here's a great resource on padding vs margin. Basically, padding is the space around an element and margin is used to separate elements.

    Marked as helpful
  • Sinka László•470
    @dlxzeus777
    Submitted almost 3 years ago

    Expenses chart component solution with HTML, CSS, JavaScript

    1
    Jonathan•510
    @corjon
    Posted almost 3 years ago

    Try removing the forward slash in your fetch url so it looks like this fetch('data.json');

    Marked as helpful
  • Felipe da Costa Malaquias•160
    @FelipeDaCosta
    Submitted almost 3 years ago

    Interactive Rating Component

    2
    Jonathan•510
    @corjon
    Posted almost 3 years ago

    You can center your content vertically by adding this:

    body {
      min-height: 100vh;
    }
    
  • David•7,960
    @DavidMorgade
    Submitted almost 3 years ago

    Creative agency single page, React - Swiper -Styled Components

    #react#styled-components
    2
    Jonathan•510
    @corjon
    Posted almost 3 years ago

    When I scroll down a bit on the live site, the navbar starts to flicker. Looks good otherwise!

    Marked as helpful

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

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