Clipboard landing page with scss, flexbox and grid
Design comparison
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
- @RocTanweerPosted over 3 years ago
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@Gabrieldev-web-coderPosted over 3 years ago@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@RocTanweerPosted over 3 years ago@ippotech my pleasure brother π
If you need any help, then I am on twitter for you..!
Good luck
1 - @RocTanweerPosted over 3 years ago
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@RocTanweerPosted over 3 years agoYou can also watch codercoder YouTube channel.
She is the one who taught me sass
1 - @RocTanweerPosted over 3 years ago
There are some minor issues but overall great π work really @Ippotech
Keep coding and happy coding π
1 - @chrisbailey85Posted over 3 years ago
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@Gabrieldev-web-coderPosted over 3 years agoThanks 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 GitHubJoin 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