Well, I'm doing a site where in the home there are 4 modules, the first two have to be one underneath the other, so alright, except that the third module has to be next to these two as if it were a column, First I thought I'll put a div around t...
The submenu is the size of the text, I would like it to be the size of the menu
header {
position: fixed;
top: 0;
left: 0;
right: 0;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px...
Good morning, friends. I have the following problem: I need to make the elements float with CSS Grid without having a specific row set. For example, in the image below, there should not be that gray space, the element just below should come up t...
Recently I was contacting flexbox, I discovered the justify-content: space-between property; but I wanted to know if it's possible:
<div class="pai">
<div class="filho1"></div>
<div class="filho2"></div>
</...
I'm creating a layout and distributing several <div> with the flexbox feature, could someone tell me how I can do the contents of this <div> that will be a word, stay aligned with the center and bottom of this <di...
I have a problem, I did not quite understand the concept of Align-items in flexbox , I do not know why it's not working,
<div style="display: flex; align-items: center; justify-content: center">
<div style="background-color: red...
I have the following code structure
<div id="container" class="container-fluid">
<div class="row align-items-center justify-content-center">
<div class="col-2">
<figure id="logomarca">
<img sr...
I'm doing a bootstrap 4 course, the teacher uses and teaches that there is flex-items class for alignment, to align vertically for example, we could use something like this:
flex-items-md-middle
The problem with me does not work, at...
I'm starting to use flexbox but I'm having a giant problem that I can not solve in several layouts. Both the header and the nav and li are hidden in the resolution Mobile, Iphone 320x568 and a white list is everywhere. I've already tried max wid...
My footer has a defined height ( height: 40px; ).
When the content of the page itself is small, the area remaining after it is completely blank, because of the background, giving a bad aesthetic to the site.
I wanted the footer after th...