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

Kentaro

@bap-ssbmJapan450 points

Based in Japan

I’m currently learning...

/VueJs /PHP

Latest solutions

  • created with pure html javascript, used tailwind for styles

    #tailwind-css

    Kentaro•450
    Submitted about 2 years ago

    0 comments
  • built with regular js, css, html


    Kentaro•450
    Submitted about 2 years ago

    0 comments
  • countries api created with Tailwind Typescript Vue

    #tailwind-css#vue#typescript

    Kentaro•450
    Submitted about 2 years ago

    0 comments
  • multi step form/ react typescript | framer-motion | tailwindCSS

    #framer-motion#tailwind-css#typescript#react

    Kentaro•450
    Submitted about 2 years ago

    0 comments
  • launch counter timer // typescript react, framer-motion, tailwind

    #react#tailwind-css#typescript#framer-motion

    Kentaro•450
    Submitted about 2 years ago

    0 comments
  • url-shortening-api // framer-motion, reactJS, tailwindCSS, Axios

    #axios#framer-motion#react#tailwind-css

    Kentaro•450
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Yvan•60
    @YVANDD
    Submitted about 2 years ago

    social-proof-section-master

    #angular#bem#bootstrap#deno#airtable
    2
    Kentaro•450
    @bap-ssbm
    Posted about 2 years ago

    you should be able to find the font family and colors in the style-guide.md file you get when downloading the starter code. Front-end mentor provides that file for every project!

    it should look like this

    
    ## Layout
    
    The designs were created to the following widths:
    
    - Mobile: 375px
    - Desktop: 1440px
    
    ## Colors
    
    ### Primary
    
    Very Dark Magenta: hsl(300, 43%, 22%)
    Soft Pink: hsl(333, 80%, 67%)
    
    ### Neutral
    
    Dark Grayish Magenta: hsl(303, 10%, 53%)
    Light Grayish Magenta: hsl(300, 24%, 96%)
    White: hsl(0, 0%, 100%)
    
    ## Typography
    
    ### Body Copy
    
    - Font size: 15px
    
    ### Font
    
    - Family: [League Spartan](https://fonts.google.com/specimen/League+Spartan)
    - Weights: 400, 500, 700
    
  • Rafi Pramasukma Ekhaputera•180
    @rafiputra2000
    Submitted over 2 years ago

    Responsive web and mobile news homepage main challenge

    2
    Kentaro•450
    @bap-ssbm
    Posted over 2 years ago

    Hello! For the blurred background I suggest using box-shadow property on your .sideNav class using a black color with some transparency such as rgba(0, 0, 0, 0.5); for example.

    hope this helps! :)

    Marked as helpful
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

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