Huddle landing page with single introductory section
Design comparison
Solution retrospective
Hello everyone,
Working on this challenge I run into some kind of issue dealing with the height of the section. I actually was confused whether should I use a height of 100vh or just let it be automatic.
Any suggestion or feedback would be appreciated.
Thanks.
Community feedback
- @al3xbackPosted almost 3 years ago
Hi Achref,
usually depends on the req design needs, if it is intended for a full page then it is better to set height to 100vh, other than let it automatically or set min-height to 100vh
Marked as helpful1@AchrefFastPosted almost 3 years ago@al3xback
Hi Alex,
Thank you so much for the helpful advice, I really appreciate it.
I'm sorry, but I was wondering , do you think using SASS variables is better than using CSS custom properties? Because I tend to use CSS custom properties more. Is there a best practice?
Thanks again.
0@al3xbackPosted almost 3 years ago@AchrefFast
Personally, I prefer to use sass variables over css variables if asked to decide only one choice.
Sass offers not only the use of variables in it but also css functions and mixins that can help us work on projects faster.
Css variables are actually good but not all browsers support it, to overcome this, extra effort is needed, usually by adding a fallback or postcss.
When we are dealing with real projects within a company, it is better if we know the purpose of our project to be used by which group, whether older or young people or just internal from the company itself.
Older people probably use old browsers to use, young people prefer new browsers and if it's for internal, we can be free to use modern css without needing more effort about compatibility.
Hope this clear enough :)
Marked as helpful1@AchrefFastPosted almost 3 years ago@al3xback
Hi Alex,
Thank you so much for sharing your experience. This really clarified things for me. I'll keep that in mind.
Thanks.
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