Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
37
Comments
19

Papa Elhadj Abdoulaye NDOYE

@NDOY3M4NDakar, Senegal770 points

A little Front End Dev

I’m currently learning...

Svelte & SvelteKit

Latest solutions

  • Advice Generator with Svelte & Vite

    #svelte#vite#typescript

    Papa Elhadj Abdoulaye NDOYE•770
    Submitted about 2 years ago

    0 comments
  • Web Ninja 101 | Tip Calculator w/ Vue 3 & TailwindCSS

    #accessibility#gsap#tailwind-css#vue

    Papa Elhadj Abdoulaye NDOYE•770
    Submitted almost 4 years ago

    0 comments
  • Web Ninja 101 | Social Proof w/ tailwindcss


    Papa Elhadj Abdoulaye NDOYE•770
    Submitted almost 4 years ago

    1 comment
  • Web Ninja 101 | 3-column preview w/ 100% Grid layout


    Papa Elhadj Abdoulaye NDOYE•770
    Submitted almost 4 years ago

    0 comments
  • Web Ninja 101 | Room homepage w/ keyboard support


    Papa Elhadj Abdoulaye NDOYE•770
    Submitted almost 4 years ago

    0 comments
  • Web Ninja 101 | Sunny agency with HTML & CSS


    Papa Elhadj Abdoulaye NDOYE•770
    Submitted almost 4 years ago

    1 comment
View more solutions

Latest comments

  • FREDERIK DIAMOND•70
    @FrederikDiamonD
    Submitted almost 3 years ago

    Order summary component with SCSS

    #sass/scss
    1
    Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N
    Posted almost 3 years ago

    Hi there. Great work on this challenge. I think you used the features (nesting mostly) correctly. Now there are some things in the design that you forgot.

    On mobile, because of the height: 100vh on the main the content is not showing properly. To fix this issue, you could replace that property with min-height: 100vh so that the main will only fill up the minimum space needed.

    You could also add some vertical padding on mobile.

    Happy coding 🎉️

    Marked as helpful
  • wyliemickelson•290
    @wyliemickelson
    Submitted almost 3 years ago

    Interactive Ecommerce Product Page

    #webpack#sass/scss
    1
    Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N
    Posted almost 3 years ago

    Wonderful 😍️😍️😍️.

    You just need to fix:

    • on 1366x750 screen, the modal is not showing properly (the close button is off the page), you could reduce the size of the carousel to accommodate for that.
    • on desktop, when hovering on the links the whole navbar is slightly moving. You could add the border with a transparent color on the default state, when in hover state you just change the color of the border.
    • you could also allow the users to open the navbar on mobile

    Happy coding 🎉️

  • Matias•160
    @uspaz
    Submitted almost 3 years ago

    Stats Preview Card (Scss - Responsive Design)

    #sass/scss
    2
    Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N
    Posted almost 3 years ago

    Nice job on this challenge. On mobile you could replace the height: 100vh to min-height: 100vh on the container class. You could also add some vertical padding on mobile. Other than that I think everything is okay. @Lucas feedback is also great. I use a similar technique when doing this challenge. Happy coding 🎉️

    Marked as helpful
  • Michelle•150
    @mcdulingm
    Submitted almost 3 years ago

    Responsive Product Preview Card Component

    #sass/scss#bem
    1
    Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N
    Posted almost 3 years ago

    Hi, great work on this challenge. There are just some things that need fixing like:

    • on mobile the padding is not applied to the screen since you set height: 100vh on the main. You could fix this by just replacing it with min-height: 100vh.
    • on mobile you could also increase the padding (like in the design)
    • on line 37 (index.html) there is a typo, the closing tag should be a instead of button.

    Happy coding 🎉️

    Marked as helpful
  • MJ•30
    @MJ1001
    Submitted almost 4 years ago

    css flexbox, responsive design

    1
    Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N
    Posted almost 4 years ago

    You could add a max-width to the container class to sort-of constraint the width on mobile display. Great work

  • imjackfrost1997•145
    @imjackfrost1997
    Submitted about 4 years ago

    Responsive landing page using HTML5, CSS3 and a little bit of JS

    1
    Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N
    Posted about 4 years ago

    congrats, that's a super nice reproduction of the design. Keep at it!

View more comments
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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

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

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