Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
31
Comments
16

Foued

@Foued80FRANCE655 points

full stack hobby developer, react, nodejs, mongodb, express, ejs, nextjs, tailwind

I’m currently learning...

Machine learning

Latest solutions

  • flexbox , react useContext useState

    #tailwind-css

    Foued•655
    Submitted almost 2 years ago

    0 comments
  • Mobile first, nextjs, css

    #next

    Foued•655
    Submitted almost 3 years ago

    0 comments
  • mobile first responsive

    #next

    Foued•655
    Submitted almost 3 years ago

    2 comments
  • css grid flexbox js


    Foued•655
    Submitted almost 3 years ago

    1 comment
  • flexbox

    #next

    Foued•655
    Submitted almost 3 years ago

    0 comments
  • html css grid flexbox


    Foued•655
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • kristynavulcova•150
    @kristynavulcova
    Submitted almost 3 years ago

    Loopstudios #scss #grid

    1
    Foued•655
    @Foued80
    Posted almost 3 years ago

    Very nice well done :D

  • Jibreel•300
    @jibreel1
    Submitted almost 3 years ago

    E-commerce product page

    #react#material-ui
    1
    Foued•655
    @Foued80
    Posted almost 3 years ago

    Hi, Jibreel great work for this challenge

    there is an issue with " + " it calls a function that increment "counter" that's ok but it is not supposed to show the quantity on the cart bdge (top right screen) untill you hit the "add to cart" button.

  • Paula Isabel•230
    @paulaxisabel
    Submitted almost 3 years ago

    Loopstudios Landing Page

    #sass/scss
    2
    Foued•655
    @Foued80
    Posted almost 3 years ago

    Great job Isabel, the animations are great!

  • Holat•640
    @Holat
    Submitted almost 3 years ago

    ecommerce page

    1
    Foued•655
    @Foued80
    Posted almost 3 years ago

    hi, geat work.

    on desktop view when hovering over navbar links i can see the border-bottom shifting due to the boxsizing property, you can fix this by adding margin-bottom:-3.5px;

    header .logo .menu ul a:hover { color: #1d2025; text-decoration: none; font-weight: 700; border-bottom: 3.5px solid #ff7d1a; margin-bottom:-3.5px; }

    and to prevent the links to shift right when hover over due to the font weight change, try to change opacity or color unstead.

    cheers

    Marked as helpful
  • Romeo Noveanre•200
    @kraken-afk
    Submitted almost 3 years ago

    Ecommerce-product-page with Sass and plain JavaScript

    #sass/scss#webpack
    1
    Foued•655
    @Foued80
    Posted almost 3 years ago

    hi, great job, on desktop view you forgot the thumbnails (design/desktop-design-lightbox.jpg).

  • CorizCoder•20
    @CharlesCypher
    Submitted about 3 years ago

    Intro section with dropdown navigation

    #jquery
    1
    Foued•655
    @Foued80
    Posted about 3 years ago

    hi, CorizCoder

    Goodjob, i had the same trouble with the sidebar dropdown menu specialy the padding and margins to hide the submenu;

    check my css only solution for this challenge no single line of javascript was needed, i used input:checkbox with css ~ sibling

    your sidebar is missing a backdrop to the left, and for the best practice i suggest checking bootstrap's code for navbars and dropdown menu for inspiration

    cheers.

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

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