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

Niroyan

@yanniro2Sri Lanka410 points

I'm a web designer/developer is responsible for the design, layout and coding of a website. and involved with the technical and graphical aspects of a website - how the site works and how it looks with animation and hover effects as well design.

I’m currently learning...

UDEMY - THE COMPLETE JAVASCRIPT COURSE 2022: FROM ZERO TO EXPERT Coursera - IBM Full Stack Developer

Latest solutions

  • Workit Landing Page Challenge

    #astro#lighthouse#next#tailwind-css#react

    Niroyan•410
    Submitted almost 2 years ago

    1 comment
  • Results summary component

    #bootstrap#react#sass/scss#tailwind-css#vue

    Niroyan•410
    Submitted over 2 years ago

    0 comments
  • Responsive Manage landing page

    #bootstrap#react#sass/scss#tailwind-css#material-ui

    Niroyan•410
    Submitted over 2 years ago

    0 comments
  • Responsive Easybank landing page

    #laravel#react#sass/scss#tailwind-css#bootstrap

    Niroyan•410
    Submitted over 2 years ago

    1 comment
  • Responsive News homepage

    #animation#bootstrap#react#tailwind-css#wordpress

    Niroyan•410
    Submitted over 2 years ago

    0 comments
  • Time tracking dashboard

    #react#sass/scss#tailwind-css#vue#bootstrap

    Niroyan•410
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • PhoenixDev22•16,830
    @PhoenixDev22
    Submitted over 2 years ago

    URL shortening API landing page

    #accessibility#fetch#sass/scss#lighthouse
    1
    Niroyan•410
    @yanniro2
    Posted over 2 years ago

    Really nice working. The animation and nice transition are cool and the fully working condition is good. Keep rocking 🎉

  • Opudo Prince•460
    @code-crasher
    Submitted over 2 years ago

    a card component built using css

    1
    Niroyan•410
    @yanniro2
    Posted over 2 years ago

    Try this you left end companies content arrangement easy to fix .link { font-family: var(--ff-secondary); font-size: 8px; font-weight: var(--fs-400); color: var(--neutral-300); display: flex; flex-direction: column; width: 100%; };

  • AasishSapkota•60
    @AasishSapkota
    Submitted almost 3 years ago

    NFT-preview-card-component

    #progressive-enhancement#styled-components
    3
    Niroyan•410
    @yanniro2
    Posted almost 3 years ago

    try this your container should be aligned in the center is the perfect one body { width: 100vw; height: 100vh; display:flex; align-items: center; justify-content: center; }

    container{ min-width: 375px; min-height:400px; }

    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

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