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

Safni Nazar

@shafni50Sri Lanka80 points

Hello there! Studying to become a dev!

I’m currently learning...

Software Engineering ,Frontend development of Full stack development

Latest solutions

  • Simple Dropdown Menu Page

    #accessibility

    Safni Nazar•80
    Submitted over 1 year ago

    0 comments
  • Huddle landing page - flexbox, grid also block

    #accessibility

    Safni Nazar•80
    Submitted almost 2 years ago

    0 comments
  • Product preview card, responsive, flexbox

    #accessibility

    Safni Nazar•80
    Submitted almost 2 years ago

    0 comments
  • Responsive Profile card component using flexbox

    #accessibility

    Safni Nazar•80
    Submitted almost 2 years ago

    0 comments
  • Order summary card , responsive, flex box

    #accessibility

    Safni Nazar•80
    Submitted almost 2 years ago

    0 comments
  • Qr Code Component Site, resposive

    #accessibility

    Safni Nazar•80
    Submitted almost 2 years ago

    0 comments

Latest comments

  • Andrija•560
    @andrijaivkovic
    Submitted almost 2 years ago

    Audiophile Ecommerce Site built using React & Sass

    #motion#react#sass/scss#vite#react-router
    1
    Safni Nazar•80
    @shafni50
    Posted almost 2 years ago

    Great work!! Just Amazing! Ma sha Allah!

  • SANDIP SADHUKHAN•60
    @sandip-sadhukhan
    Submitted almost 2 years ago

    Responsive Job Filtering App Build using NextJS & Chakra UI

    #chakra-ui#redux-toolkit#next
    1
    Safni Nazar•80
    @shafni50
    Posted almost 2 years ago

    Great work!

  • P
    DeyanTopalov•430
    @DeyanTopalov
    Submitted almost 2 years ago

    Four-Card-Feature [Added Hover-BEM - Mobile First - Vanilla CSS]

    #bem
    1
    Safni Nazar•80
    @shafni50
    Posted almost 2 years ago

    did you use the css nesting? Nesting in css is old. If you want to use nesting the better go to Saas. even i tried nesting using vanilla css in my some projects but it completely breaks for responsiveness

    But there is no any issue in your project. Great work! super responsive!!

  • P
    Maciej Lichoń•810
    @MaciekLichon
    Submitted almost 2 years ago

    URL shortening API landing page - React, TypeScript

    1
    Safni Nazar•80
    @shafni50
    Posted almost 2 years ago

    Just amazing!

  • Colin Meehan•40
    @ucolinmee
    Submitted almost 2 years ago

    Frontend Mentor QR-code Challenge

    3
    Safni Nazar•80
    @shafni50
    Posted almost 2 years ago

    center a image in a div :

    justify-content : center; align-items: center;

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

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