Skip to content
Submitted 5 months ago

Responsive page using flexbox

sass/scss, vite, bem
rrocker89437•80
@rrocker89437
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I'm proud of not having to use google every few minutes. Had some fun with the svg's. Next time I might try to use css grid just for fun.

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

I had a few challenges with the html layout and deciding how I wanted to nest the elements but I figured it out.

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

Tips or advice of any kind would be great. I'm always eager to learn.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Michael•180
    @Networksentinel

    Hey there!

    Loved how you upgraded the original design—looks like you had fun with it 😄

    I sometimes feel the same urge to go beyond, but then I wonder… what if I spend all that time improving things and the “client” just says, “Nah, stick to the design”? Still figuring out how to balance that too.

    I checked out your code and really admire how you use functions—definitely something I want to improve on in my next project.

    One small thing I noticed in your main.scss is the nesting. It's not super deep (3 levels), but with so many selectors, it can feel a bit hard to scan through.

    I try to follow a tip I once heard: “If you’re about to nest a third level in Sass, ask yourself if there’s a better way to structure your HTML or modularize your SCSS files.” Even on small projects, I’ve found that mindset helpful—and I imagine it pays off even more on larger ones.

    Keep up the awesome work!

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord