All Questions
Tagged with responsive flexbox
233 questions
-2
votes
2
answers
237
views
How can I make a card like this which is responsive in HTML/CSS
I would like to make a card (image 1) which is fully responsive and can support two cards sitting to the left of it for a total of three cards on a website I am building (image 2). I've coded this up ...
- 62
0
votes
0
answers
31
views
Unable to scroll sticky Footer on mobile view (Footer reveal effect) - overflow-y not working on iphone-14/pixel-7/iphone-12/Galaxy s20 ultra
I've made a footer reveal effect using css, using following two classes:
Content class applies to wrapping div above the footer.
.content {
min-height: 100vh;
background-color: white; /* ...
1
vote
2
answers
50
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">
...
- 4,501
2
votes
1
answer
287
views
How to write responsive css for flex direction
I am trying to write responsive css for flex. I have used flex-direction row and column for responsive. But it is not working. So, How to show this div box as flexible for mobile and tab devices.
For ...
- 153
2
votes
1
answer
55
views
Responsive grid that responsively resizes to fit parent div, preserving parent div's own responsive height
I need a grid of squares that responsively (page resize) fills, but does not expand, its parent div.
The basic structure I have is below, with the parent div at 50% height of page. I want the grid to &...
- 48
0
votes
1
answer
44
views
Flexbox footer won't evenly space
)
I'm a super novice coder just trying to make a responsive site for my music. I have managed to get a basic template together, but my footer isn't working how I'd hoped.
I've put 4 image/ a tags in ...
0
votes
1
answer
39
views
I'am trying to position H2 headings ("Esportes" and "Economy") as titles for their respective sections
I'm working on a web project and I'm having trouble positioning H2 headings ("Esportes" and "Economia") to serve as titles for their respective sections. I've tried put the h2's ...
0
votes
1
answer
37
views
When my images shrink, they have different sizes
I have four rows in my code. They stack on top of each other and in every row, I have one image that is placed in a div tag. This is totally fine now, but when I reduce the page size, they shrink ...
-1
votes
1
answer
134
views
Responsive design of two-column table
I have a small table in the form of a bullet list with two columns. When displaying on mobile, I would like to collapse it into one column:
I have currently implemented it like this:
<style>
@...
- 3,266
0
votes
1
answer
46
views
display-content:space-around seems not to work on phone screens with my code
As a beginner in code (..and in English, but that is not the question!), I have some problem with a responsive code. This is an extract of yhe html code:
<footer class="footerDesktop">
...
0
votes
1
answer
54
views
How can i stop CSS Grid cells from expanding due to text content?
SO i've attached a screenshot, i want my content cells to stop expanding past 600px in height because of the text when the screen is shrunk resulting in the odd design view. Instead i would like the ...
- 29
-2
votes
2
answers
70
views
Image in Div will not fill the whole div
I cant seem to be able to get the image of the person on the right side of the website to filll the remaining space, its a css issue but cant work it out.
Then obviosuly I need the whole thing to be ...
- 19
0
votes
0
answers
42
views
I can't align a button to the background image of the site
My website has an image that covers 100% of width and height, so it means when the screen shrinks or grows, the image does the same, and i have two buttons that must be placed at a certain location of ...
-1
votes
2
answers
238
views
Fixing the problem of responsive mode in WooCommerce custom tabs (ul -> li)
I have encountered a problem in the responsive mode of these WooCommerce tabs which are (ul -> li), as you can see in the picture, there is no problem in the desktop mode, but in the mobile mode, ...
- 29
0
votes
1
answer
156
views
How to make scroll view in HTML using SCSS
I try to make the .mywork class is scrollable to the side, I alread tried to use overflow-x but still it didn't work. Instead, the result is like this:
The more .infoboxes classes I add, the more ...
user20966443