In HTML and (S)CSS, I made a form as part of my homework. (see https://codepen.io/quokka-wiki/pen/BavqrQL) I added the following HTML/SCSS to add a red asterisk to the labels of required fields: <html> <!-- ... --> <body> <!-- ... --> <label…
I'm building a website but I'm having trouble using @media. The "width" I gave before are still used, but I want it to ignore the previous ones. NOTE: I tried many things, but when I "inspect" the site, the @media…
I am trying to understand how I to contain a CSS from one div from not starting over another div. By that I mean, how can I place position: fixed on an item only inside a particular div? For example…
I'm asking this question for an Angular application but I believe this relates to CSS in general. I have an Angular component with a number of child components, and each has the standard view encapsulation. As an example, I want…
I'm currently trying to save vertical space on my webpage and I'm trying to figure out if there's an elegant solution to my problem. I've created a 'options' component in angular that takes two optional templates. Here's the relevant code:…
I have the following CSS: .PageA, .PageB, .PageC { #parentDiv { /*some css*/ } .plantTest { &.color { /*some css*/ .row { /*some css*/ p { /*some css*/ } } } } .oceanTest { .depth { h2 { /*some css*/…
Is there any way to write inline css in string rather than object format? I tried this but it obviously didn't work: <div style={"color:red;font-weight:bold"}> Hello there </div> Why am I doing this? I usually write some inline css first and…
Im trying to access my color pallete within the script tag of my component: import pallete from "$src/style/pallete.scss"; but it is returning the export as a string: :export { mainColor: #e8d44d; mainColorHover: #c0aa1d; mainColorContrast: #1e1e1e; mainContrastDark: #000000; } I know…
I'm trying to create component similar to image. But I can't find the way how can I can style the button and this block in css. What I have now. .button { position: relative; display: block; background: transparent; width: 390px;…
a customer is swearing and demanding that by 2023 standards I use all icons inside the svg file. And icons both for background images and for normal icons that can be changed. I am using an svg sprite of the…