I am trying to style an anchor tag as following The problem I have is that I am unable to figure out a way to cut out the right border, creating the effect shown in the image. Note that it…
I am trying to build a clone of Netflix's home page to hone my web desiging skills. Netflix's home page has a concave border at the bottom of hero section. I have added a straight line border at the bottom…
I have a simple react app (Vite project) app.tsx import "./common-styles.css"; export default function App() { return ( <div className="app"> <div className="interactive"> content content </div> </div> ) } with only 1 css file common-styles.css @property --interactive-color { syntax: "<color>"; inherits:…
I have a JavaScript slideshow that displays images of various dimensions in a browser window. It uses object-fit: scale-down to resize the image to fit the container. I'd like to add a border to the image, but when I apply…
I am working on a social media project at the moment, where I want to implement "stories". I want there to be an easy way to see how many stories you've already seen and how many there are. Then, seeing…
I'm working on a React Native project where I need to display a progress indicator that outlines a non-circular view. I tried using react-native-svg with the Circle component to create a circular progress indicator, but it didn't work as I…
Need help removing this mystery padding in between a border and its background. In the preview it looks fine, but it exports with that weird padding inside the frame. Here's the code: <div class="p-2" style="width:100%; max-width: 400px; border: 26px solid…
I am trying to insert a table in a page with the same color and want to be able to distinguish the table from the main page. I want a white border around my three columns. Here is my code:…
I'm trying to make a linear gradient border around a div I'm creating dynamically with JS. Unfortunately, no border shows up, as far as I can tell (and no, the border's not (or shouldn't be) showing up black. Here's my…
My menu has 2 borders: the main vertical border on the right of the whole menu and the border (top, bottom, left) of the active item. The right border of the active item should be empty. The main border should…