Where/when should display: flex; be used? In the parent container Or on the child/children container.
tarek
@tarek008All comments
- @Chukwudiasiegbu1Submitted almost 2 years ago@tarek008Posted almost 2 years ago
Hello there! π
Congrats for completing the challenge! π
flex container is always the parent and a flex item is always the child. Flex properties work only within this relationship.
Descendants of a flex container beyond the children are not part of flex layout and will not accept flex properties.
You will always need to apply display: flex or display: inline-flex to a parent in order to apply flex properties to the child.
There are certain flex properties that apply only to flex containers (e.g., justify-content, flex-wrap and flex-direction), and there are certain flex properties that apply only to flex items (e.g., align-self, flex-grow and flex).
However, flex items can also be flex containers. In such cases the element can accept all flex properties. Being that each property performs a different function, there is no internal conflict and nothing needs to be overridden.
keep it up with the good work!
Have a nice one! πβ
Marked as helpful1 - @devmatiasSubmitted almost 2 years ago
It was a basic project, but it was my first time using CSS grid. If you find any lack of best practices, please let me know.
@tarek008Posted almost 2 years agoHello Matias! π
Congrats for completing the challenge! π
You just need to change the background color .
Everything else is great considering my opinion, just keep it up with the good work!
Have a nice one! πβ
1 - @adam-FI01Submitted almost 2 years ago
Hey Everyone. I have attempted other challenges like the 3 column design, but I suppose I am still not as good as I think. This is my first "real" project. Tell my what you all think!
@tarek008Posted almost 2 years agoNice work Adam , As i see the layout look good and your code is well-structured, you just need to add some padding to the bottom to make it look perfect
0