How can i delete some items based on the screen size ? I have given at my css for desktop margin-left, width, height, and position:absolute; properties but I need them not to apply in mobile responsive. How can I dot…
Description: I have developed an interactive rating component , and it works well on various screen sizes except for when the width hits 400px. At that point, a horizontal scrollbar appears, and the content starts to get cut off. I've…
I saw calc(1.25rem + 0.30vw) in bootstrap and I didn't get what it means. I am using bootstrap for the design a responsive page on a website. Please help I am expecting meaning of it with calculations enter image description…
I have a linear gradient in my background: https://prnt.sc/9mmoSmAazP8A The problem is that when the screen size changes, my gradient is not starting at Point 0: https://prnt.sc/S9fGUR2Ta3l9 How can I assure that the gradient starts at point 0 all the…
I want to design this contact card to be responsive with the web page size and also remain as it is, only change in dimensions. Here is my code. When I change the device screen size, the circle at the…
In my css: body { background-color: black; color: white; margin: 0; font-family: 'Montserrat', sans-serif; padding: 0; /* animation: scroll 5s; */ } After this code in the body tag, the body is still not taking up the whole screen in…
I'm building a website that has a navigation menu on it's homepage, when the menu options get hovered, and if they have an arrow, they would also show a submenu with more options below them, here's the image for examplification…
I'd like to be able to display up to 5 images on the same line, depending on the browser width. Depending on the browser size, I can display more or fewer images, from a single image on mobile to a…
I'm making a React app which renders xy number of cards and a single widget inside a flex container. All cards have the same width and height, but widget's height equals to card height * 2 + row-gap. The container's…
everybody. I'm studying an HTML responsive structure with relative CSS which, on paper, should be very simple, but eventually it isn't simple for me at all. In the structure there are a header with a fixed positioned navigator, and a…