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

Alexandre

@alexandre-dev29Congo Drc80 points

Software engineer and Fullstack web developer , i am living in DRC

Latest solutions

  • profile card flexbox grid sass mobile first


    Alexandre•80
    Submitted over 3 years ago

    0 comments
  • 3 column preview card Mobile First Grid flexbox and Sass


    Alexandre•80
    Submitted over 3 years ago

    2 comments
  • Stats preview card Sass Grid and Flexbox


    Alexandre•80
    Submitted almost 4 years ago

    0 comments
  • Order Summary Card Using FlexBox


    Alexandre•80
    Submitted almost 4 years ago

    1 comment

Latest comments

  • Anuoluwapo Aina•50
    @AnuoluwapoAina
    Submitted over 3 years ago

    Order Summary

    1
    Alexandre•80
    @alexandre-dev29
    Posted over 3 years ago

    Really good Job 😋

    just a couple of suggestions:

    • can you create some hover effect on the button? to make the card looks interactive
    • Also I think a hover effect on the card itself will be a great idea, to make feel some kind of motion, just perhaps scale it a little
    • on the mobile view just add the size of the card or reduce the padding of the container because the text looks like not fit on small devices.
    Marked as helpful
  • Mary Njoroge•150
    @Maryahcee
    Submitted over 3 years ago

    Stats preview card component challenge

    1
    Alexandre•80
    @alexandre-dev29
    Posted over 3 years ago

    Really good Job ☺☺☺

    Just two things, on the mobile view, can you reduce the height of the image part!! it takes almost all the part of the card. and also apply some padding on the title of the card in the mobile view.

    Marked as helpful
  • Emma•10
    @emmajeanne
    Submitted over 3 years ago

    preview card component styles with CSS inline-block

    2
    Alexandre•80
    @alexandre-dev29
    Posted over 3 years ago

    also on the mobile view, the border radius should be

    • on top(right and left ) for the first card
    • on bottom(right and left ) on the last card
  • Emma•10
    @emmajeanne
    Submitted over 3 years ago

    preview card component styles with CSS inline-block

    2
    Alexandre•80
    @alexandre-dev29
    Posted over 3 years ago

    Can you create the hover effect on the button? i suggest you.

    • first put border property on the button white the color white
    • then on hover, just set the background color of to button to transparent.

    something like

    .button{
       border: solid 20px transparent;
    border-radius: 30px;
    }
    .button:hover{
      background-color: transparent;
     border: solid 20px white;
    }
    

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