I'm building a template for writing some technical documentation. I'd love to do this with as little Javascript as possible. I am including a minimal example When the screen is wide, it floats references in span tags to the left…
I am making a header and there is an image inside it (I'm only worried with the left one for now) that is set with a max-width and changes size responsively. Once I haven't set height for anything, the header's…
Unwanted Top White Space [Mobile View] on index page I tried to modify the code but was unable to find the source or solution, this is the url of the page: https://tebacaravaning.es/ When you see the page on mobile view,…
I've been following a tutorial on how to make a sidebar menu but when I finished I noticed that some elements of the menu are not responsive, for example, when I try to resize the window or try to visualise…
I am trying to create forward and back buttons for my slideshow that are invisible and span past the image to the edge of the page (see [ I was able to get the slideshow to work on its own,…
I am using flexbox for the first time to create a page. I have 2 containers with rows of 2 on top of each other that become columns when in mobile. At the end I have a footer. The footer…
Everywhere it looks the same, pc, macbook, any laptop, android devices... only on iphone everything looks different: font, font-weight, paddings, margins etc. I tried cleaning cookies and cache, and trying it from incognito mode, but it looks bad everywhere. Styles…
I'm trying to add elements to a card while the mouse is hovering over the card (like netflix cards), however when the cursor is moved to where the new button appears the mouseout event is triggered and the button cannot…
in tablet and phone devices i'm struggling to force my body's footer to the bottom of the page to sit above the page footer. I've tried setting the bottom to 0 to no avail. this is the current display when…
I went to websites like Amazon, Zomato, and Swiggy when I opened the developer tool I realized they are not using <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">. If I load their website in desktop mode and then I decrease the screen…