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

hamzatchiche

@hamzatchiche170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive time traking dashboard using tailwind

    #anime-js#tailwind-css

    hamzatchiche•170
    Submitted 2 days ago

    0 comments
  • animated signup with success message


    hamzatchiche•170
    Submitted 19 days ago

    1 comment
  • responsive and animated article preview card


    hamzatchiche•170
    Submitted 20 days ago

    1 comment
  • animated testimonials_grid using tailwind


    hamzatchiche•170
    Submitted 25 days ago

    1 comment
  • responsive four-cards using tailwind

    #gsap#tailwind-css

    hamzatchiche•170
    Submitted 26 days ago

    1 comment
  • Responsive animated product preview card using tailwind css and gsap


    hamzatchiche•170
    Submitted about 1 month ago

    1 comment
View more solutions

Latest comments

  • LINDECKER Charles•190
    @LINDECKER-Charles
    Submitted 19 days ago

    Time tracking dashboard

    #tailwind-css
    1
    hamzatchiche•170
    @hamzatchiche
    Posted 2 days ago

    good work. just the design small try to fix it

  • P
    Danilo•280
    @danilo2420
    Submitted 19 days ago

    Newsletter Signup Form

    1
    hamzatchiche•170
    @hamzatchiche
    Posted 19 days ago

    good work! but one thing in mobiles when you click to dismiss message the it's showen just the image not all the page

    Marked as helpful
  • Arpit Bhayana•10
    @Broski3
    Submitted 21 days ago

    Article preview component

    1
    hamzatchiche•170
    @hamzatchiche
    Posted 20 days ago

    the designe is good. but in the designe in responsive is not that what the challenge say!

  • audreylyn•80
    @audreylyn
    Submitted 26 days ago

    Testimonials grid section

    1
    hamzatchiche•170
    @hamzatchiche
    Posted 25 days ago

    good work

  • LINDECKER Charles•190
    @LINDECKER-Charles
    Submitted 29 days ago

    Four Card

    #tailwind-css
    1
    hamzatchiche•170
    @hamzatchiche
    Posted 26 days ago

    good work keep going

  • carodg09•80
    @carodg09
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I figured out how to use <picture> and srcset properly for different screen sizes. Next time I’m hoping to try Sass to make my styles more organized.

    What challenges did you encounter, and how did you overcome them?

    One challenge I faced was getting the product image to align correctly and fill exactly half of the container without stretching or leaving empty gaps. I struggled with how object-fit, width, height, and flex interact. After experimenting and checking layout behavior in the browser, I realized that I needed to explicitly set both the image and its container to height: 100% and use object-fit: cover to achieve the desired result.

    Product preview card component challenge

    1
    hamzatchiche•170
    @hamzatchiche
    Posted about 1 month ago

    good i think the height is small than the design

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