I made a 5 image slider container that previews each of the next and previous images. The only problem I have is that I need to make that images are separated by diagonal lines instead of horizontal lines. This is…
I use Vite with React + SCSS. And I have fonts.scss where I use all my fonts for project: @font-face { font-family: "JosefinSans"; src: url("./JosefinSans-Regular.ttf") format("truetype"); font-weight: 400; } @font-face { font-family: "JosefinSans"; src: url("./JosefinSans-Bold.ttf") format("truetype"); font-weight: 700; } But…
I want the cards to be evenly spread out across the page from left to right. However at the current stage there's a massive gap to the right. I've tried to use the 'last-child' class in CSS, but it wasn't…
I'm trying to achieve the next design, where the elements take all the available space before breaking into a new line and also keeping the text centered: Right now I'm using these styles in the container: display: flex; justify-content: center;…
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 have in my project css variables like below: :root { --color-primary: #65A518; --color-primary-hover: #558817; --color-primary-dark: #006729; --color-white: #FFFFFF; } but now I have to add angular material and custom themes. I read that I need create my custom palette…
I have an Angular component named ExternalHtmlComponent responsible for rendering HTML content fetched from the backend. The HTML content is dynamically inserted into a element using the [innerHTML] property binding. To style the dynamically inserted HTML content, I've defined a…
Here's my problem : I want to do this kinda class in my project (class="h-[2%]"), so i did this little code but something isn't rigth ... I am not familiar with SCSS so i don't know why 'px' is doing…
please anyone knows how I can clip a div to get the green shapes in the attached image, using clip-path or anything else Attached Image here I have tried using clip path but I am not getting the desired results.…
I'm working on creating a responsive grid layout using CSS Grid, where I have a series of grid items displayed in a grid container. I'm using grid-template-columns: repeat(3, minmax(100px, 1fr)); to automatically adjust the number of columns based on available…