Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
11
P
Mustapha
@Mustapha909

All solutions

  • Profile Card Component


    P
    Mustapha•200
    Submitted 4 months ago

    0 comments
  • Order Summary Component


    P
    Mustapha•200
    Submitted 4 months ago

    0 comments
  • 3-Column Preview Card Component


    P
    Mustapha•200
    Submitted 4 months ago

    0 comments
  • Interactive rating component


    P
    Mustapha•200
    Submitted 4 months ago

    1 comment
  • Time tracking dashboard

    #react#tailwind-css

    P
    Mustapha•200
    Submitted 4 months ago

    Responsive Design Refinement: I'm looking to further optimize the responsiveness of the dashboard. Although it adapts well across breakpoints, I'd like suggestions on any potential tweaks or best practices to ensure consistency and optimal spacing on unusual screen sizes.

    Component Abstraction & Reusability: I want to ensure that my components (like UserProfile, ActivityCard, and ActivityGrid) are as reusable and maintainable as possible. Any insights on abstraction, code splitting, or better state management would be very helpful.

    Performance Optimization: Since the layout involves dynamic image rendering and responsive adjustments, I'm curious about techniques or tools that could help with performance improvements, especially for mobile devices.

    Enhanced Interactivity & User Experience: While the basic interactions work fine, I'm looking for ideas on how to introduce more advanced animations or transitions that could make the dashboard feel even more engaging.


    1 comment
  • Newsletter Sign-up Form with Success Message


    P
    Mustapha•200
    Submitted 4 months ago

    I’d appreciate some help fine-tuning my media query breakpoints. I’m looking for advice on setting the optimal screen sizes and ensuring a smooth, responsive layout transition between desktop, tablet, and mobile views. Specifically, I'm interested in learning how to adjust the breakpoints to better match the design requirements and handle edge cases where elements might not behave as expected.


    1 comment
  • Article-preview-component using sass

    #sass/scss

    P
    Mustapha•200
    Submitted 5 months ago

    One challenge I faced was positioning the pop-up correctly on mobile. The goal was to make it span the full width and appear at the bottom of the screen, but I couldn’t get it to work as intended. I couldn't fully resolve this issue despite experimenting with different CSS approaches. If you have any suggestions or feedback, I’d love to hear them!


    1 comment
  • Meet-landing-page, Css Grid, Css flexBox

    #pure-css

    P
    Mustapha•200
    Submitted 5 months ago

    1 comment
  • Testimonials-grid-section

    #pure-css

    P
    Mustapha•200
    Submitted 5 months ago

    1 comment
  • Four-card-feature-section


    P
    Mustapha•200
    Submitted 5 months ago

    1 comment
  • CSS Flexbox


    P
    Mustapha•200
    Submitted 8 months ago

    1 comment
  • Recipe page Flexbox, Media query

    #pure-css

    P
    Mustapha•200
    Submitted 8 months ago

    1 comment
  • Social links profile CSS felxbox


    P
    Mustapha•200
    Submitted 8 months ago

    1 comment
  • Frontend Mentor | Blog preview card / HTML + CSS


    P
    Mustapha•200
    Submitted 8 months ago

    2 comments
  • Qr-code-reader using Flexbox


    P
    Mustapha•200
    Submitted 9 months ago

    1 comment
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