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

sid

@shidaruta80 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

  • grid, flexbox


    sid•80
    Submitted 4 months ago

    1 comment
  • responsive, flexbox


    sid•80
    Submitted 4 months ago

    1 comment
  • responsive, srcset,


    sid•80
    Submitted 4 months ago

    1 comment
  • responsive, flexbox, media queries


    sid•80
    Submitted 4 months ago

    1 comment
  • flexbox, hover effects, box-shadows


    sid•80
    Submitted 4 months ago

    1 comment
  • color picker, font identifier, flexbox josh comeau documentation


    sid•80
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • P
    Simon Cassan•260
    @SimonCassan
    Submitted 4 months ago

    Testimonials grid section with flexbox and CSS Grid

    2
    sid•80
    @shidaruta
    Posted 4 months ago

    nice work mate. It's great!!

  • MarKyselov•240
    @MarKyselov
    Submitted 6 months ago

    four-card-feature

    1
    sid•80
    @shidaruta
    Posted 4 months ago

    wow thats looks super close to the original nice work.

  • P
    toshirokubota•1,290
    @toshirokubota
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    Any comments/suggestions to improve/simplify the design are highly appreciated!

    product preview card component

    1
    sid•80
    @shidaruta
    Posted 4 months ago

    nice one mate. i like it. keep up the good work!!

  • Onwuneme•10
    @Onwuneme
    Submitted 4 months ago

    Responsive recipe pages

    1
    sid•80
    @shidaruta
    Posted 4 months ago

    nice one man but i think the fonts are different than the ones there. Its great overall

  • P
    Oryan Hachamoff•360
    @oryanhach
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the time it took me to complete this project. I feel like my overall work flow is improving. I am very proud of my self of successfuly using Flexbox here and working on the layout correctly here. I would put more thought into observing the Figma design files next time though. I made a mistake of creating the buttons as a <p> tag instead of buttons.

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

    Initially I had hard time figuring out the layout and how to do it using flex, but with some practice, learning & some devtools debugging, I was able to figure it out.

    Social Links Profile Solution

    1
    sid•80
    @shidaruta
    Posted 4 months ago

    wow man, thats almost the same. Nice workk!! Keep it up man.

  • bogdanpr97•30
    @bogdanpr97
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I managed to create this in under an hour and the way I used the variables.

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

    I wasn't sure how to create the hover effect, but then I manage to find a way with transitions. I am not sure if it is the right way to implement this yet.

    What specific areas of your project would you like help with?

    Maybe with the transitions for hover on article that changes items inside the article such as the h1. I am not sure If I used the right way for this.

    Blog Preview

    1
    sid•80
    @shidaruta
    Posted 4 months ago

    nice one mate

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