Why is my website not responding when I expand my browser
Below i attached what my CSS looks like my webpage is a mixture of an audio player, an embedded twitter link and a few videos. when i open my webapage on my iphone the items appear centred but when i...
View ArticlejQuery .show() a flex box
I have an element with a flexbox<ul id="myFlexbox">div#myFlexbox{ display:flex;}after hide it and show it, it gets messed up.$('#myFlexbox').show();now the element has a display of block instead...
View ArticleComo diminuir as laterais de uma borda sem alterar a posição do nome acima...
Aqui está o meu cssAqui está o HTmlA borda coloquei logo abaixo do "meu_nome"Eu estava esperando que ela ficasse quase da mesma largura do nome, um pouco menorMe ajudem pfvvvv...
View ArticleWhy are not all flexbox elements behaving like flexbox divs?
Why is flexbox not working properly with fieldset or other non-div tags?I expect them to line up next to each other like in the div example, as flex-direction: row; is default in flexbox. However...
View ArticleClik here to view.
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"><h2 id="title">Your...
View ArticleDistribute spacing with negative gap
I want that my cards inside of flexbox distribute evenly depending on the height of my div like in this gif, but I can't find a way to do it. Because gap can't be negative, margin top auto can't go to...
View ArticleProblem scrolling content within Flexbox parent using Tailwind
I can't figure out how to set the width of a parent container, whose child divs scroll horizontally. If I set a fixed, e.g. 1400px width it works, but not when I try to use the remainder of the screen...
View ArticleHow to vertically center text inside a div with CSS Flexbox? [duplicate]
I'm trying to vertically center text inside a div using CSS Flexbox, but I'm not getting the desired result. The text should be perfectly centered both horizontally and vertically within the div,...
View ArticleClik here to view.
Execessive White Space
I'm trying to create a very simple web page as part of a project, but when I view the page in a browser (Safari, Chrome & Firefox) there is additional white space to the right.I've used a basic css...
View ArticleHow can I create a boxed container within a fluid container that has multiple...
How can I build this layout? It's a full width container with 3 background colors: blue on the left and light gray and white on the right. Inside this div I need to create a centered div with the copy...
View ArticleClik here to view.
Can't set full height for flexbox child , any help would be appretiated HTML...
I'm trying to create a movies app with similar layout to that of youtube, I used the body as a flex parent and (nav and main) as flex children, I already went through some similar questions in...
View ArticleBootstrap 4 vertical align text won't center on card
Trying to vertically align the text center in the following card:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"...
View ArticleI can’t understand CSS dynamic CSS [closed]
So I’m trying to style my website and basically position my divs in a certain way. However it keeps getting displaced. The div is either position too much at the bottom or too much at the top. On...
View Articleposition of images with css [closed]
okay, im doing one of my first pages with html and css, and look, you know that operagx and the other browser have the normal size screen and the fullscreen when you press f11, the problem here is that...
View ArticleFlex box with 2 divs (1 image and 1 text) bound by screen rather than...
I've got an info box with movie/tv show data and figure it's fairly straightforward. But I've been battling this flexbox for (way too many) hours. I've tried countless solutions on here and elsewhere,...
View ArticleCSS Media Query not overriding main CSS
Not sure what is that I am doing incorrectly here. HTML seems fine, main CSS seems fine so does Media Query. But Why wont it override. Any suggestion is much appreciated.First Media Query Works.I've...
View Articleflex-basis not displaying properly on iPad Safari
I have these two css:.main-page-left{ display: flex; flex-wrap: wrap; flex-direction: column; flex-basis: 69%;}.main-page-right { flex-basis: 31%; display: flex; flex-wrap: wrap; flex-direction:...
View ArticleClik here to view.
Make layout in flexbox with responsive
Please help me to this (attached JPG files, what I want it) layout using flexbox with responsive, I have JS code to generate below code:<div class="grid-container" id="gridContainer"><div...
View ArticleWhy is my flexbox container wrapping my divs on the big sceen and not only on...
just getting started with flexbox.After managing to align img div and text div, I added the "felx-wrap:wrap" to the container so that img and text would be stacked on top of each other on smaller...
View ArticleHow to make cards responsive to stack on one another on smaller screens [closed]
I've made these four cards that are aligned horizontally but are not responsive and hence when the screen size get's small they shrink instead of stacking vertically<div...
View Article