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

Sami Maachi

@Sami-21Algeria230 points

Hello there I am Front-end web developer .I am motivated and passionate about programming and building things.

Latest solutions

  • QR-code-component


    Sami Maachi•230
    Submitted over 3 years ago

    0 comments
  • React js ,Flexbox


    Sami Maachi•230
    Submitted almost 4 years ago

    1 comment
  • flexbox vanilla js


    Sami Maachi•230
    Submitted almost 4 years ago

    1 comment
  • React JS


    Sami Maachi•230
    Submitted about 4 years ago

    0 comments
  • React js + redux and Flexbox


    Sami Maachi•230
    Submitted about 4 years ago

    0 comments
  • Responsive social media dashboard


    Sami Maachi•230
    Submitted over 4 years ago

    1 comment
View more solutions

Latest comments

  • SHAHAB MALIK•345
    @Shahab-Malikk
    Submitted almost 4 years ago

    Old Summary Card using HTML,CSS

    3
    Sami Maachi•230
    @Sami-21
    Posted almost 4 years ago

    Great effort my friend. You should fix the background image and the selected plan container's height.

  • SHAHAB MALIK•345
    @Shahab-Malikk
    Submitted almost 4 years ago

    Old Summary Card using HTML,CSS

    3
    Sami Maachi•230
    @Sami-21
    Posted almost 4 years ago

    Great effort my friend. You should fix the background image and the selected plan container's height.

  • ilian•60
    @iliand1
    Submitted almost 4 years ago

    html scss

    1
    Sami Maachi•230
    @Sami-21
    Posted almost 4 years ago

    The UI is clean great job, but it's not mobile friendly. I suggest optimizing it for mobile version.

  • Mudassir Ansari•10
    @mudassiransari10
    Submitted almost 4 years ago

    Order Summary Component

    1
    Sami Maachi•230
    @Sami-21
    Posted almost 4 years ago

    the color of change can be changed by
    a{color:inherit;} ,this will let all a elements inherit the color. I hope this help you buddy.

  • jeyaprakash•255
    @log-bait
    Submitted almost 4 years ago

    todo-app-using-html-css-bootstrap-js

    2
    Sami Maachi•230
    @Sami-21
    Posted almost 4 years ago

    great job buddy most of the functionalities work perfectly. however, the design isn't optimized for large screens (1440px>) and small screens (550px<) . the theme transition is pretty decent but the border of the input field if flashing on theme switch. over all you did great managing the input ,keep up the good work.

    Marked as helpful
  • Raunak Agarwal•20
    @raunakagarwal16
    Submitted almost 4 years ago

    desktop first some responsive web app react and flexbox

    1
    Sami Maachi•230
    @Sami-21
    Posted almost 4 years ago

    Great efforts my friend. However, you need to get rid of the outline from input + button. it's would amazing if you try to mimic the design accurately, use the ressources provided by front end Mentor . keep up the good buddy.

View more comments

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