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

yanyan_alien

@yanyan-alien170 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

  • Accordion


    yanyan_alien•170
    Submitted over 2 years ago

    0 comments
  • Stats Preview Component with Pure CSS


    yanyan_alien•170
    Submitted over 2 years ago

    2 comments
  • Order Summary


    yanyan_alien•170
    Submitted over 2 years ago

    1 comment
  • Responsive Profile Card


    yanyan_alien•170
    Submitted over 2 years ago

    0 comments
  • MultiStep form - with Bootstrap

    #bootstrap

    yanyan_alien•170
    Submitted over 2 years ago

    1 comment
  • Getting country data with Fetch API

    #fetch#bootstrap

    yanyan_alien•170
    Submitted over 2 years ago

    2 comments
View more solutions

Latest comments

  • yishak abrham•2,150
    @yishak621
    Submitted over 2 years ago

    REST Countries API with color theme switcher solution-pure Javascript

    #sass/scss
    1
    yanyan_alien•170
    @yanyan-alien
    Posted over 2 years ago

    Hi!

    Congrats on completing this!👍Cool animations on the theme switcher button and the back button! ✨Also props to you for thinking of having a back to top button on this very long site

    These are some of the stuffs I noticed when browsing through your live site:

    1. After the user sets the page to dark mode and clicks on a particular country detail, the page will be back to light mode. Maybe you can use localStorage.getItem() and localStorage.setItem() to store and retrieve the set theme
    2. The sticky navigation bar doesn't occupy the whole screen width when the screen is wide (eg. 1400px)

    Good luck! 🎉

    Marked as helpful
  • Hamdi Ismail•160
    @hamdihismail
    Submitted over 2 years ago

    single page developer portfolio

    #accessibility#jquery#sass/scss
    1
    yanyan_alien•170
    @yanyan-alien
    Posted over 2 years ago

    website not taking the full width of the screen

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