Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard landing page with scss, flexbox and grid

Gabriel Monsalveβ€’ 320

@Gabrieldev-web-coder

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi, here with other challenge of this plataform.

In general i want that someone give me tips for improve my sass code.

I do my best trying to make it the closer as possible with the design, i used sass, if someone can show that and say me how i can improve the sass code will be great, and in general best practices also be great.

Any other feedback always is helpful, have a nice day guys <3

Community feedback

Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

This is what codercoder at YouTube taught me. Hope this confirms that my help is relevant 🀠

$breakPoints : (
    'small' : 24rem,
    'medium' : 40rem,
    'large' : 64rem
);

@mixin responsive($size) {
     $breakPoint : map-get($breakPoints, $size);
     @media(max-width : $breakPoint) {
    @content
};
};

Hope it helps(happy coding..!)

1

Gabriel Monsalveβ€’ 320

@Gabrieldev-web-coder

Posted

@RocTanweer Oof... really the only that i use of sass is nesting and variables hahaha, i need study more, seriously thanks for your feedback !

0
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

@ippotech my pleasure brother πŸ‘

If you need any help, then I am on twitter for you..!

Good luck

1
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

Ah yes about sass....I love it Lol Watch Sass tutorial of 2 hours with a project to understand basics of sass on freecodecamp YouTube channel

You can also read documentation...it's pretty simple

Hope it helps

1

Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

You can also watch codercoder YouTube channel.

She is the one who taught me sass

1
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

There are some minor issues but overall great πŸ‘Œ work really @Ippotech

Keep coding and happy coding πŸ˜‰

1
Chrisβ€’ 740

@chrisbailey85

Posted

I'm only just getting started sass myself but I think as a best practice you shouldn't use capital letters on your class names, it makes it a bit more difficult to read. I also just learnt about something called BEM, which is a set of rules for when writing classes, it looks like you were using it in places but I did only learn about it today so I wasn't 100% sure.

1

Gabriel Monsalveβ€’ 320

@Gabrieldev-web-coder

Posted

Thanks for comment your experience, i also use BEM, but i see that not the better way, and the class names, i'll work on that.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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