I need to create an HTML table with a sticky first column, that's the easy part. The tricky part is, the sticky column should have a right border which would only be visible when we start scrolling horizontally. I need…
I'm developing an R package and using pkgdown for the website. I want the package logo to appear smaller in the GitHub README but larger on the homepage of the website, similar to the data.table package (GitHub, website). I tried…
I have this group of spans that are supposed to serve as selectors, so I want them to take up the entire space around them when the user hovers over them, however I have no idea how and could not…
I want to have a carousel of my reviews using slick.js (not need the style of slick so I don't include it on html header). When I try it the reviews-container disappears. How to fix it? What I'm doing wrong?…
I'm trying to create a webpage where an image remains centered in the viewport while scrolling. However, I'm facing some issues with the CSS. Right now, the image is scrolling down, but once it reaches the center of the viewport,…
I have a text and it looks like in pic. I want to make like that. I tired textshadow and box shadow. but i can't achieve that design. Can someone help me with this. Code i tried: <div style={{boxShadow: "0px…
I've been trying to vertically align a tspan inside a span in SVG for a few hours now, with no success. I've also tried using some suggestions from stackoverflow answers and questions with reference to dominant-baseline="middle" and alignment-baseline="middle", but nothing…
I'm trying to use some SVG I made in Figma on a website. For the life of me I cant make the SVG respect the parent container. I'm using Tailwind for CSS. Here is the code: <script src="https://cdn.tailwindcss.com"></script> <div class="space-y-4">…
I'm creating an html/css layout which needs to look like this: (https://i.sstatic.net/Z49ekM8m.png) Each box is a link. To extend the active link area over the entire box, and to get the text positioning at the bottom of each grid item,…
On my website, I am trying to make a list of tiles, each of which has an app: body { background-color: gray; } .tile { width: 200px; height: 250px; white-space: nowrap; overflow: hidden; display: inline-block; border: 5px solid white; border-radius:…