All Questions
Tagged with html responsive-design
8,847
questions
0
votes
1
answer
20
views
How do I make column fill available space without table overflow?
I am trying to make a responsive table where:
Columns 1-3 and column 5 will always autosize to fit their content.
Column 4 will occupy all remaining horizontal space.
Column 4 will never wrap text (i....
- 3,124
0
votes
0
answers
10
views
Make sure elements break to a new line without gaps [duplicate]
I am adjusting a suggestions box on a website which shows up when using the search function. It can display a maximum of 12 suggestions but depending on the search it can show 1, 2, 3, 4 etc at a time....
0
votes
1
answer
41
views
Responsive Image Grid
image of my site showing the issue I am having trouble with my Responsive image grid. I got the idea from this website https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp. I want my ...
1
vote
0
answers
34
views
How to fix a basic display problem for my responsive design?
I am writing a page right now as a project and I am trying to make it responsive but however something in my code makes the "social_links" stick to left after 560px screen width but it has ...
0
votes
0
answers
40
views
How to create a responsive hamburger menu and across all devices?
I'm trying to build a simple responsive navbar can anybody please help with it , need a hamburger menu and target for all types of devices .I tried doing it but couldn't do it. I need help with trying ...
- 1
1
vote
0
answers
42
views
The article element splits into two when I resize my webpage
My webpage splits an article which it shouldn't when I resize it or use it on other platforms like Android devices or tablets. I tried using
<span></span>but still it is not working
The ...
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 ...
- 1
-1
votes
1
answer
49
views
Margin and padding affecting the width of my web page [closed]
I’m working on expanding my portfolio by remaking already made websites and in this one it seems like the margin and padding I put on the div holding my footer information is causing the whole content ...
0
votes
0
answers
22
views
How to download a website for offline viewing and sharing
I have made a website for a client on drag and drop builder called SHOWIT, now I want to save the version I created for my portfolio. A few reasons, the site could go disabled, the design could change ...
-1
votes
0
answers
26
views
How to fix this overlapping issue where the div element overlaps the bottom border of an h2 element?
I'm currently making a product landing page for a course project in freeCodeCamp.org
I'm on this part of the code where the div element overlaps the h2 bottom border, and I don't know how to fix the ...
- 1
1
vote
1
answer
65
views
How to Make Background Image Responsive with CSS?
I'm working on an FAQ section for my webpage, but I'm having trouble making its background responsive. It isn't adjusting well on different screen sizes.
html {
height: 100vh;
width: 100vw;
}
...
0
votes
1
answer
44
views
Tailwind CSS responsive classes / state classes not working
I'm using transform translate-y-value transtion. What I want is for these classes to activate using 'focus' on screens smaller than 'lg' and 'hover' on screens 'lg' or larger.
The idea was to tackle ...
0
votes
0
answers
34
views
How to work with css when my content div a really wide but the container div didn't grow
I have a problem about content div and container div that the container didn't grow with the content in a full page layout.
Please see the example below:
*{
box-sizing:border-box;
}
body{
...
- 103
0
votes
1
answer
55
views
Can we create the style with Curves for complete page?
while exporting the data to PDF we can use the background image as design for whole page which required border and specific page design but it seems its not good practice because image will slow down ...
- 17
0
votes
1
answer
55
views
How should I structure my HTML email tables to make it inline-block on mobile but stacked on desktop? Typically the opposite is done
Mobile and desktop versions mockup
I have no problem getting the desktop version done, but trying to figure out how to make it go inline block on mobile has stumped me.
Not sure if I need to do a ...
