I'm trying set a fixed minimal width for container and ignoring small sizes (sm,xs). In short when the screen size is smaller than 960px width, must be fixed and just display scroll. Code in my case: <div class="container" style="min-width: 960px">…
How to make this to be exact:- In the above there is a div justified at the center, and then another div next to it. The width of both the div's changes with animation and buttons. <script src="https://cdn.tailwindcss.com/3.4.3"></script> <div class="flex…
I'm encountering an issue with implementing a hover effect on underlined links using SCSS. I'm aiming to create a transition where, on hover, the text color changes to red, and the underline disappears momentarily before being redrawn in red from…
I had made a background video for my website which worked on all browsers. But there seems to be some kind of issue with Safari browser Version 17.2.1. By default that video will be stopped and the play button will…
* { padding : 0; margin : 0; } nav { padding : 20px; background-color : #809906; list-style : none; border-bottom : 2px solid black; } a { color : black; padding-right : 115px; } a:hover { color : hotpink;…
why my code isn't working? it doesn't display nothing... let todayDate= document.getElementById('data'); let today = new Date(); let weekday= `${today.getDay() < 10 ? "0" : ""}${today.getDay()}` let day=`${today.getDate() < 10 ? "0" : ""}${today.getDate()}`; let month=`${(today.getMonth() + 1) < 10…
What I need is for the SVG to disappear but the drop shadow to remain on hover. What I'm getting is both the SVG and the drop shadow disappearing. div > svg { color: black; filter: drop-shadow(0px 0px 6px red);…
In angular matérial, the mat-select has element mat-pseudo-checkbox who display an check icon in mat-option. I have multiple mat-select and I want to delete or hide this element. With ::ng-deep .mat-pseudo-checkbox{ display: none!important; } I can hide this. But I…
I tried the group-hover:block too but still when I hover over the solution and resources, it's not showing the dropdown menu <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Front Page</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> </head> <body class="bg-slate-600">…
I need to make the dropdown menu as this page without the content, that occupies all the width of the page. I also need to make all the "lorem" links of the menu central in the navbar. I'm not able…