Frontend Mentor | Yash Harfode's profile

Latest solutions

Responsive browser extension manager UI using Flexbox & JS rendering

#theme-ui

Submitted 11 days ago

I’d appreciate suggestions on how to implement card fade-in effects smoothly and modularize JavaScript better — perhaps separating data loading from DOM rendering for scalability.

0 comments

Minimal social links profile card using CSS transitions & Flexbox

#semantic-ui#jss

Yash Harfode•40

Submitted 15 days ago

At the moment, the layout works well across devices. I'm not seeking active feedback on any area, but I’m curious to see how other creators approach subtle transitions and minimalist motion without overloading performance.

0 comments

Responsive recipe page using handcrafted HTML & CSS

#semantic-ui#pure-css

Yash Harfode•40

Submitted 16 days ago

I'd love feedback on my mobile media query setup — especially spacing and text sizing across devices. Also curious how others add subtle animations or scroll transitions to enhance readability without compromising performance or accessibility.

0 comments

Latest comments

Marek_Ćwioro•110

@marek4882

Submitted 11 days ago

What are you most proud of, and what would you do differently next time?

Using bem methodology, semantics.

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

I had trouble understanding why max-with wasn't working on .social-card. It was because the <main> was set to justify-content: center, which adjusted the width to the content. However, I wanted to make the desktop card width the same as in design, so I removed it and added margin: 0 auto to social-card, which allowed me to set max-width: ;

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

I need to refresh my memory on what specific properties do in grid and flex.

Social Links Profile

#accessibility

Yash Harfode•40

@YashHarfode

Posted 11 days ago

Hey Marek, really cool insights! Your use of BEM and semantic HTML is on point — keeps things organized and accessible. I faced something similar with layout alignment too, so I completely relate to your justify-content vs. max-width adjustment. Nice fix with margin: 0 auto!

As for refreshing grid and flex properties — I’m also revisiting a few layout techniques. Let me know if you'd like to compare notes or run through some common use-cases together.