All Questions
Tagged with html responsive
2,659
questions
0
votes
0
answers
23
views
¿How to fix the responsive menu in boostrap?
in the inner page of this site the responsive menu is not working because I have to change the main menu in the inner pages (not in the home). When you turn on the inspector in your browser and ...
-3
votes
0
answers
19
views
I am trying to look for a better practice and convenient method to make the grid images more responsive [closed]
I have been trying to replicate a website which I found from frontendpractice I am pretty unfamiliar with css grid and instead wanted to opt for flexbox for the console display boxes, but used grid ...
0
votes
0
answers
36
views
Media Queries Max-Width is not applied even though I am on mobile view (Browser)
I have a website in Astro and using SCSS.
I have a weird bug with the media queries.
I have this styling
@media screen and (max-width: 768px) {
.p-content {
&_inner {
...
-2
votes
1
answer
27
views
How can I make this div container reponsive, media query tends to show no effect on its width
I am trying to make a container that contains some commands for my bot. Everytime the screen size reduces, the container and the element messes up. Ps for some reason, width property doesnt work on it....
1
vote
1
answer
39
views
HTML Table is not overflowing its container
I am trying to make an html table overflow its container to have a scrollbar on mobile, but it is not working.
Here's the code:
export default function Stats({ pokemon }: { pokemon: PokemonWithColor })...
0
votes
0
answers
11
views
How to Center a Form Horizontally and Maintain a Fixed Vertical Position Across All Devices? [duplicate]
I'm working on a responsive web design and need to center a form horizontally while keeping it at a specific vertical position across different devices (desktop, tablet, and mobile). The form should ...
0
votes
0
answers
48
views
content hidden in specific mobile width
the content of my site was hidden and scroll bar ends with up to the height of the mobile screen and this only happens to only specific mobile layout and other mobile layout works fine
screenshot
i ...
0
votes
1
answer
109
views
Angular 18 - background image not showing up on mobile device but works in browser and chrome tools
I decided to redo my personal website (www.coltstreet.com), and I am using media queries to display different background images. Everything is working fine on desktop and I was using chrome tools to ...
0
votes
2
answers
66
views
Contents of iframe not responsive
There is a webpage which shows different design according to the screen size (whenever you refresh the page after changing the screen size). I have embedded this webpage in my website. However, after ...
0
votes
0
answers
37
views
How to make Infographic block responsive?
I have problems to make a infographic block that I created responsive. I have a block in which their is an image, on the image their are cogwheels, under image numeric line. Each time when user hovers ...
0
votes
1
answer
37
views
I cannot seem to center the text in header
I'm having trouble with putting my header's text in the center, as I put display:block.
I am new to coding, and I saw that for a better finish it was wise to have an "inner-header"; So I did,...
0
votes
1
answer
43
views
How to make responsive 'legend' area for mobile view
I'm building a portfolio website using HTML & CSS. I want to add my projects inside tags. But those legend tags arn't responsive for the screen resolution(for me, it's mobile view) and its' ...
0
votes
2
answers
49
views
CSS Non-standard responsive image frame
I'm trying to implement a non-standart frame for a picture of a news section. My idea is to have the picture as a lower z-index than the frame and have the frame on top of it and make them responsive. ...
-1
votes
0
answers
30
views
Why aren't these bootstrap elements side by side?
The five and seven column elements in this HTML are constantly breaking to new lines instead of displaying side by side (they get populated with simple HTML in javascript. Even if I hard code them ...
1
vote
2
answers
37
views
Arrange row column parallel using CSS flex
What I am trying is, "Your Privacy", Description and buttons should be aligned in same line.
HTML:
<div class="cookie-notice">
<div class="cn-body">
...