I am currently working on a Web Project and am facing some issue related to CSS. I need help with finding a Solution (responsive) for the interface elements that I am pasting below. I have gone through multiple approaches to…
Attempting to create an underline transition on a navigation menu with a 2s delay transition in-out. However the underline will just transition in instantly without the 2s delay. Created with skipping the first li item and only hovering it on…
So I want to create a grid or flexbox layout which looks something like this . So all of the data inside each box of the image is dynamic so i am not sure about the size of every box.…
Below is a schematic layout of one of the pages of my site. And also code FirstPage.tsx export function FirstPage() { return ( <div> <div> <Sidebar /> </div> <div className="w-[100vw]"> <MainPage /> </div> </div> ); } And also code for…
In the html code below <div class="main_page" id="main_page"> When I try to add any effect to the named div, the effect does not work and the div content comes directly to the screen. To solve this problem, I defined keyframe…
when I am using Vscode coding my Vue project, everytime I saved code, then Vscode deleted my css code. I don't know where it can be set so that it do not delete my code. I woted css code like…
I am using the code below for my client's logo. This code creates an infinite slider that slides from right to left. I am also using jQuery to append duplicate slides for the infinite loop. However, I'm encountering an issue:…
I don't want to write a second-time label selector. How can I merge both CSS? Don't apply padding-right for the .mat-checkbox selector. label, .mat-checkbox .mat-checkbox-layout .mat-checkbox-label { color: #5b5b5b !important; font-weight: 600 !important; } label { padding-right: 1em; } I…
I am building a React app, and I have trouble styling the header. this is my code: export const StyledHeader = styled.header` background-color: #fff; color: #fff; height: 70px; border-bottom: 1px solid #000; /* position: absolute; left: 0; top: 0; */…
Im currently trying to build a banner with the tagline( 30 years of discovery) to be centered under the title text with a light grey background only around the text. I'm able to have the text centered with a grey…