Design comparison
Solution retrospective
Finished faster than the last project and I learnt how to use SCSS files with HTML projects
What challenges did you encounter, and how did you overcome them?I wouldn't call it a challenge but I tried to experiment with CSS by making a bunch of CSS rules into a variable and tried to style an element with that variable but that didn't work. So, after some research I found out that that couldn't be done in pure/vanilla CSS without the help of a SCSS file. Honestly, there was no need for that but I just wanted to try styling with SCSS.
Community feedback
- @samlucchesePosted 8 days ago
Great job on this solution! The only notes I have are to be aware of your spacing between the card-content items, the name looks like it has a bit of space above it. Other than that, nicely done. I like your thinking to use variables, and also mixins to set the text-presets. Since you used SCSS, my advice would be to lean into SCSS variables. It looks like you still set your variables in CSS, but with SCSS variables can be set like so:
$variable-name: value;
then to call that variable, like so:
color: $variable-name;
.All in all, nicely done!
Marked as helpful1@Ay-DeePosted 7 days agoThanks for the tip @samlucchese. I decided to used mixins to reduce the amount of css rules I apply to an element. And it appears like I set my variables in the css file because I compiled the scss file into it.
0
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