Problem I'm trying to create a portfolio website and I want to place a Font Awesome icon between two horizontal lines (as detailed below), but it's not working. I've looked around Stack Overflow and none of the solutions I've found…
I have a Codepen here. As the title says I’m out of solutions to understand how to get a div that's sitting on top of a div with opacity to show up. This is just a little page of book…
I am building a Navbar for my app. I would like to have my items shrink based on their content but grow based on the average size. All I want is: if there is enough space for all items to…
I have created a webpage, screenshot of which is attached below. Here the Footer is shifted to right. There is a clear gap in left and in right it goes beyond the page hiding the letter 't' and partially hiding…
I am trying to create a div that contains an img and a text over the img. The text will be with different size depending on the case, so I want to automatically adjust the width of the img to…
I have this code <!DOCTYPE html> <html lang="cs"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> @font-face { font-family: 'Styrene Black'; src: url('StyreneAWeb-Black.ttf') format('truetype'); } @font-face { font-family: 'Styrene Bold'; src: url('StyreneAWeb-Bold.ttf') format('truetype'); } @font-face { font-family: 'Styrene Medium'; src:…
I'm trying to make an animation in css and for the first frame, so at 0%, I need the size of the element before his data-space attribute change before collapsing something like that. Something like that #settings { display: grid;…
I have this example table taken from https://element-plus.org/en-US/component/table.html#table-with-status I would like to give some color for some rows. Here is a minimal working example: <script setup lang="ts"> type TableRec = { code: string from_title: string | null to_title: string |…
I've a react popup which uses styled-component for styling. I'm rendering the react app in shadow dom. Because I didn't want any other css file to modify the popup. It is working on most sites except for this one website,…
I am getting this type of padding /border . Click the link below to view. [Inconsistent padding in tailwind] Want like this (https://i.sstatic.net/2RsqliM6.png) I was trying to get border with gradient from top to bottom of purple-900 to purple-600. But…