you see at the right and and the left the image is white not full stretched. How can I stretch it with good quality ? code: .bg { background-image: url('/app/assets/bg.jpeg'); background-size: contain; background-repeat: no-repeat; height: calc(100vh - 196px); background-position: top;…
I'm building another website and the background is a watercolor type painting and I wanted to make it where every nav button had an image of a watercolor splatter behind it. I've been trying to figure it out but nothing…
I would like to have one column in a table have a blue gradient background from top to bottom. As in extending over multiple rows, ten precisely. Essentially like this one but for a column instead of row: https://codepen.io/warkentien2/pen/JxxXvr <table>…
My project uses Tailwind and Material UI. I am trying to add a background image to an Avatar component. I am able to do it correctly using the slotProps of the Avatar component by adding the full URL of the…
I am trying to make the background image display on .hero, which means the image will be at the center of the page, but the image doesn't display at all. In "devtools", it shows a warning sign next to the…
I have made a simple background in Figma (1920x1600) and I want to place it as a hero image. But the problem is that the screen resolution can be 1920x800. I also want to place some content on the page.…
I am building a Table of Contents page with a specific design. As per design, each title should be followed by dots till the end of the line. The size of the dots will also vary depending on the title's…
I am trying to get my React App to render a background image in css. I need this because I want to use css queries to get different background image for different screen size. However, React is unable to get…
I use React, NextJS and Tailwind. I want to use some images as background for some cards elements. I first store the images names in an array. const symbols = ['boat_2.png', 'boat.png', 'tortue.jpg', 'surf.jpg']; Then I map the array and…
I need an explaination, how browser (Chrome/FF) load CSS images. According to my current knowledge, images used by CSS as background-image, appear in the network tab as requests, with according CSS file as Initiator. My current experience doesn't cover this…