@Rhinozer0sSubmitted over 1 year ago
Hey Guys 🫡,
simple project, but maybe some of you can make some little suggestions for improvement.
I´m grateful for any help 🤝
Alexander Guillén Hernández
@AlexanderTheWiseAll comments
- @AlexanderTheWisePosted over 1 year ago
Good copy.
When you're nesting classes like this: .card{ .... .card__qr-code{...} }
it will transpile to this: .card{...} .card .card__qr-code {...} => higher specificity (20)
Use "&" for BEM elements when using SASS. .card{ &__qr-code{...} => concatenation = (".card" + "__qr-code") }
It will transpile to this: .card {...} .card__qr-code{...} => lower specificity (10)
Marked as helpful1 - @IoQualitySubmitted over 1 year ago
I have one issue I can't figure out. I have used github pages for the live site and for some reason the page shows my mobile version of the page despite being on a desktop. It looks like at the small viewpoint it switches to the mobile version (as it should) but for the desktop version it's stuck as the mobile version (at the width smaller than the minimal allowed in the code). Also my attribution get moved to the side as well. I'm really not sure what causes it, in the tests with the raw file in the browser or VS Code 3000 connection, the page works as intended. Any ideas what could be causing it? Is it just a github pages issue or can I fix in the code?
@AlexanderTheWisePosted over 1 year agoI have to say that I like your design better than the one provided by the website.
0
