Topics

Kevin Powell - Community•11mo ago

Now a days I am using sass but I don't understand why should I use !important to apply the style.

It doesn't work until I give !important I have to use 2 time !important specially when I want to set nav menu bar in mobile responsive to hide or show the content? Can you guys tell me what is the reason behind this? Here is my github project link. https://github.com/sabuz796/startupLand/tree/main

GitHub

GitHub - sabuz796/startupLand

Contribute to sabuz796/startupLand development by creating an account on GitHub.

3 Replies

Wolle•11mo ago

You can use the dev-tools to inspect the element you want to style. There you see which style tops which and what rules apply. The rest is specifishity (https://specifishity.com/)

Mannix•11mo ago

make a new scss file and move all styling from style.scss except the imports and then import that file before responsive.scss in style.scss basicaly the media queries are loosing because they are higher in the compiled css file that is why you need to use important

Sabuz•11mo ago

Thanks a lot

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Save images from file input in form POST methodSo recently I've been learning express JS and wanted to do a simple project of making a website with Disable Scrolling for a Mat Dialog in the backdropAm trying to disable page scrolling when Mat Dialog is opened . Tried overflow:hidden but it didn't How to nest element between content and router (react-router-dom v6)I am trying to build react web, where is element (`Provider`) nested between router, so the element How to style react web pages (beginner)Hi guys, im trying to create my first React website but im unsure about the best practice for stylin > * + * means?.card > * + * { margin-top: 3rem; } Does it mean, that inside .card, leave the first child, and g What does it mean and why to use?I have seen many people using this: *, *::before, *::after { } why they use this, what it means Making a responsive hamburgerHello guys, today I am having trouble creating a hamburger menu for my webpage, even though I am no Take #19 of building a vanilla JS app using mostly DOM for content creationI'm off to a good start! but I need more knowledge. My current work is here -> https://github.com/ca Font size issueI have three apllied same font size to the 3 heading which are in black color but only for last head Going back to a project in WSL that's built using NPM, npm run not working?I'm absolutely sure I'm missing something as it shouldn't be this difficult to just carry on from wh