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

Teddy

@tedaussie75paris310 points

Me, It's me ! I am Me!

Latest solutions

  • News homepage using REACT JS

    #react#styled-components

    Teddy•310
    Submitted 7 months ago

    0 comments
  • Newsletter form React JS


    Teddy•310
    Submitted 7 months ago

    0 comments
  • Product List with cart

    #react

    Teddy•310
    Submitted 8 months ago

    The optimization


    1 comment
  • bento-grid css grid


    Teddy•310
    Submitted 8 months ago

    0 comments
  • Sign up form HTML / CSS / JS


    Teddy•310
    Submitted 8 months ago

    0 comments
  • huddle landing HTML / CSS


    Teddy•310
    Submitted 8 months ago

    0 comments
View more solutions

Latest comments

  • Teddy•310
    @tedaussie75
    Submitted 8 months ago

    Feedback Form HTML / CSS / JS

    2
    Teddy•310
    @tedaussie75
    Posted 8 months ago

    Thank you for your comment !

    I checked many times and I can't reproduce the error, can you please describe to me how you proceed to make it happened ?

  • Kareem El-Zomor•160
    @KareeMagdyy
    Submitted about 3 years ago

    CSS Flexbox, Responsive & Variable

    2
    Teddy•310
    @tedaussie75
    Posted about 3 years ago

    @KareeMagdyy No worries ! I went through the same issue ahah

    The main issue was the image container, it was a little bit bigger than the image.

    By switching the images display to block, the image and its container have the same size.

    And the border radius need to be applied to both the image and the container to make it look Nice !

    I'm glad that it works for you too ;)

  • Kareem El-Zomor•160
    @KareeMagdyy
    Submitted about 3 years ago

    CSS Flexbox, Responsive & Variable

    2
    Teddy•310
    @tedaussie75
    Posted about 3 years ago

    Great Job ! It looks very nice ! If you want to fix the glitch on the card hover you can add these changes bellow to your code :

    • .img-container { border-radius: 1rem; }

    • .card-img { display: block; }

    • .view-hover { height: 100%; }

    Comment : /* .view-hover => height: 99% is not working it is making an issue here */

    Hope it would help you !

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