Frontend Mentor | hdgrid's profile

Latest solutions

Newsletter sign-up form solution using Flexbox and Grid

#bem

Submitted over 1 year ago

For mobile sizing, my content still overflows the viewport. Using fit-content within the media query to adjust the height on the html and body elements worked, but that then messed with my success screen as it stopped covering everything I wanted covered because there was not enough content.

I ended up leaving it with visible overflow as it's not noticeable without devtools, but I felt like there was a solution to it that I wasn't able to grasp.

0 comments

Responsive article preview component using Flexbox

#bem

hdgrid•40

Submitted over 1 year ago

I'd like suggestions on how the responsiveness could've been handled differently.

1 comment

Social links page using Flexbox

hdgrid•40

Submitted over 1 year ago

0 comments

Latest comments

Oswaldo Castro•240

@tufcoder

Submitted over 1 year ago

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

The mobile and desktop version for sure. It was a pleasure to make them work fine without many changes.

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

Definitely the share container was a challenge, position relative and absolute. Display flex helps a lot.

The triangle bellow the share box, I use a pseudo class ::after to make that and I'm proud of the result.

I struggle with change the svg color, but I found the way using inline svg and the property fill in the css.

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

Maybe using a background-image property not a tag ``.

Flexbox & JS Article Preview Component

hdgrid•40

@hdgrid

Posted over 1 year ago

Very good solution, responsive and well-structured. Honestly, I hadn't thought of using global CSS for the colors. Great job!