All Questions
Tagged with responsive-design grid
174 questions
1
vote
2
answers
665
views
Can someone help me make this card grid responsive?
I recently started using HTML & CSS for my workplace.
Now i ran into my first big problem: Making my Grid card elements responsive.
I have four card elements in my column each with text which ...
- 11
-2
votes
2
answers
43
views
Responsive bootstrap grid [closed]
I'm making bootstrap grid, I run into problem, that i doesn't now how to fix. Basically in mobile view I need that second block goes next to first block, but i really doesn't know how to do it.
I have ...
- 1
0
votes
1
answer
42
views
HTML, SCSS, JSX , React, flexible gird
I need this approach using a flexible gird approach where the user at 768px and 1024px media screen should be able to view the exact output as here, and on mobile application viewport it should be on ...
0
votes
1
answer
40
views
Media queries and my grid display doesn't work like I want to
Here is my problem : I put a "main" element and gave him the "grid" display. Then, I wrote 2 ways of how the grid should be in function of the size of the screen, here is what i ...
- 5
0
votes
1
answer
27
views
Bad: responsive difficulties
I'm currently working on my portfolio/website but I have some problems with my responsive. In desktop format, the site is 5 columns, 3 at the left for my works ans portfolio, and 2 at the right for ...
0
votes
1
answer
39
views
Div BG img filling a width and height of a cell div parent
I took a look at several inherent questions, without finding a solution to the problem I ran into;
The question that comes closest is this one but it doesn't work for me since it uses table and not a ...
- 37
1
vote
1
answer
2k
views
How to create a responsive three-column layout with grid and span the third column over two rows on specific breakpoints?
I have a three-column layout using CSS Grid with minmax() to make it responsive.
In some breakpoints when the viewport is a certain width, the third column is pushed down to the next row
so i want ...
- 385
0
votes
1
answer
309
views
html css grid use article area with columns, header as row above
Im looking for a possibility to use a row for a header with the following articles in columns. As I added the h2 semantically to the article_area I want to realise these two parts in different layouts ...
- 137
0
votes
1
answer
54
views
CSS Grid How to get grid cells into a new row responsive?
I'm trying to make my page responsive. At a certain point my text is overflowing into another grid cell cause there is not enough space. How can I put these cells into a "new" row so the ...
- 1
-1
votes
1
answer
72
views
Can some one tell me why this css code is not working properly?
Here is the JSfiddle complete code link:
CODE
my clock code output
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
background: #0b172a;
font-family: sans-serif;
}
#...
-1
votes
2
answers
57
views
responsiveness and css-grid and flexbox
no mater how mush I trying my web site responsiveness for mobile. but I am unable to do it I don't know what I am doing wrong. help me to learn how to make responsive site.
I tried to make some sites
...
- 1
1
vote
1
answer
2k
views
Adding custom responsive classes in TAILWIND's css
When adding
<div class="md:grid-flow-col">
nothing happens. This is because md:grid-flow-col isn't included in the tailwind css when I look through the document.
In my styles.css I ...
- 39
1
vote
2
answers
2k
views
Responsive design not working on grid. TAILWIND
Tailwind is not working when I try to use different grid layouts depending on screensize. It completely ignores the code if I put it after a md:, lg: or xl: tag. This happens only when I try to change ...
- 39
0
votes
1
answer
64
views
Why isn't responsive grid stacking items?
I'm trying to create a responsive page where the element stack upon each other when viewed on a mobile device however instead of stacking they keep aligning side by side. How could I stack them?
I've ...
0
votes
2
answers
46
views
Elements do not stay centered when I set breakpoints in CSS
I am currently trying to learn how to set breakpoints correctly. For example, when trying to make the footer and main wider as the browser gets wider, both elements jump to the right at once instead ...
