Latest solutions
Latest comments
- @laceeder@MioMauro
For the registration forms and the various messages (whether you have to enter email, pass, etc. etc.) it is all in the correct form setup in the HTML. Try "Registration Form" in CodeCamp.".
Marked as helpful - @claire-conrardy@MioMauro
Not perfect, but better @media only screen and (max-width: 1200px) { body {
height: auto; flex-direction: column; padding: 0 50px; } body .container {
display: flex;
flex-direction: column;
} - @laceeder@MioMauro
One piece of advice I was given that I was also getting wrong until now is that when setting the grid, the dimensions should not be set. Neither to the fathers nor to the children. Everything must be relative.
Marked as helpful - @laceeder@MioMauro
Try not putting any position, by default it stays at the bottom, try so:
footer .attribution { color:hsl(0, 0%, 100%); font-size: 0.7778em;
} - @inumaki@MioMauro
No grid is needed in this challenge, just 2 different flexboxes. One is the main container, and the other where the icons are. Ultimately you have 2 elements, you use the grid if you have more. The way I see the challenge, then there are 1000 ways to get to result.
- @CBID2@MioMauro
Basically it is like this - * {margin: 0; padding: 0; box-sizing: border-box;}. Before writing the code you should help yourself with a graphics program, to see the dimensions and some spaces, I use Inkscape (free). For fonts, padding, marging it is best to use the units rem or em
Marked as helpful