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

Handyyweb

@HandyyWeb120 points

I want to learn front-end develoment through building a lot ot projects !

I’m currently learning...

JavaScript and React !

Latest solutions

  • Advice generator app with React and SASS

    #sass/scss#react

    Handyyweb•120
    Submitted about 2 years ago

    0 comments
  • Intro component with a signup form


    Handyyweb•120
    Submitted over 2 years ago

    0 comments
  • 3-column-preview-card using flexbox


    Handyyweb•120
    Submitted over 2 years ago

    0 comments
  • Responsive Stats preview card using Flexbox and filter properties


    Handyyweb•120
    Submitted over 2 years ago

    0 comments
  • Order summary card with Flexbox


    Handyyweb•120
    Submitted over 2 years ago

    0 comments
  • Preview-card component ( Mobile / Desktop layout )

    #accessibility

    Handyyweb•120
    Submitted over 2 years ago

    3 comments
View more solutions

Latest comments

  • victor•40
    @victorgfz
    Submitted over 2 years ago

    Responsive layout using flex, form validation with js

    1
    Handyyweb•120
    @HandyyWeb
    Posted over 2 years ago

    Your code is very good, well done! Just a small thing that can help you, but it's not really necessary : Instead of setting margin : 0 or padding : 0 for each element, you can maybe use CSS Reset

    Personally, I use :

    *{
    padding : 0
    margin  :  0
    box-size : border-box
    }
    

    But choose what seems to be good for you, as I said it can even be skipped. Once again, your code is very good ! Have a nice day !

    Marked as helpful
  • GreXLin85•80
    @GreXLin85
    Submitted over 2 years ago

    Product Preview Card Component made with Flexbox

    1
    Handyyweb•120
    @HandyyWeb
    Posted over 2 years ago

    I think you can improve the responsive layout by using the <picture> and <source> elements to change the image source in relation to the viewport width.

    Here is a link if you need more information: HTML <picture> element.

    Above all, your code is great, well done!

    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