Pod request access landing page using SASS and JS
Design comparison
Solution retrospective
I'm proud because I studied more SASS and I used new resources as function, mixin, extend.
What challenges did you encounter, and how did you overcome them?A challenge was create the responsive fluid layout keeping the position of bg-pattern. I used pseudo-elements and position relative.
What specific areas of your project would you like help with?I would like help with SASS.
Community feedback
- @jacky-uiPosted 11 days ago
Hey! It looks awesome!
About SASS. When importing another sheet (in this case it is your partial), try "@use "base" as *; What does this do? "as *" allows everything in your file that is being imported in to be available. This way, you don't have to keep adding a prefix when using a style from base
Example: background-color: base.$blue-950; vs background-color: $blue-950;
Though, there are cons when doing this. Using as * can cause naming conflicts if two imported files have variables, mixins, or functions with the same name. If it comes to this, you can either rename your variables from $blue-950 to $blue1-950 or just import select styles.
Marked as helpful1
Please log in to post a comment
Log in with GitHub
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