When I made a website design using HTML and CSS it was working for large screens but when it comes to media query to make it responsive for small screens and medium it showed a lot of white space and…
I'm building a fictional webshop for plants and currently I'm working on filtering them combining different options (light demand, water demand, toxic etc.). Using a separate JSON file, I'm creating cards based on the data after the JSON file was…
I'm working on a angular-project. I have the following component class: export class ReservationTableComponent implements OnInit { @Input({ required: true }) table!: Table; @Input() set colMinWidth(value: string) { this.renderer.setStyle(this.el.nativeElement, "--grid-column-min-width", value); } @Input() set colMaxWidth(value: string) { this.renderer.setStyle(this.el.nativeElement, "--grid-column-max-width", value);…
I'm making a calculator with Javascript and I want to make a button that if I click on it whole style of my project changes and if I click again whole style changes again and at third click it returns…
I'm writing some PHP to display and process an input form that includes a date picker, identified by <input type="date" id="offdate" name="offdate"> When the user selects a date, I've placed the date in a session variable, and what I'd like…
How can I remove the red part of the svg kinda like how when you remove the background of an image for example the file turns into a png and the part you removed shows the checkered pattern. After removing…
I'm working on a section of a basic website that requires an image and text on the left and other smaller boxes on the right side. The left side is supposed to take 60% of the available screen and the…
So to breakdown what I am trying to achieve: I want all the cards inside of a container to be blurred besides the very first card, until you actually hover on the next card in the container to which it…
How can I add a white border inside the shape like this? The code below was from https://stackoverflow.com/a/65504158. I just made some slight changes. .hexagon { width: 200px; display: inline-block; margin: 0 5px; color: orange; filter: url("#goo"); } .mask {…
I want a single row (using divs) that has a gray text box with a transparent image overlaying the box. The gray box does not go all the way across the div, but the image does overlay part of it.…