Hi there! I’m having problems with the implementation of displays both flex and grid. The title says one must apply flex and grid. First, I supposed it was flex which I had to implement to the .container class and grid to the .tags class.
But then, I realized I couldn’t make the fourth card to go down to another row using flex. So I changed my mind and applied grid to the .container class and used grid-template-columns and so to locate three cards in the first line and the fourth, in the second line.
But I cannot still solve the issue with the tags below the images. I don’t know how to stretch their widths.
This is the task. And this, my code. I took a screenshot of the result, by the way.
I will appreciate any help.
Hello @Maximiliano_Salibe
you doing great and you was very close
for the tag part you need to set how the flex shrink in case if it does not fit
so use flex-flow after that you will see you need to align the item on the main axis of to flex (horizontal line in case of english style) if you do not know the property let me know
hope that help and have a nice day 
Hi, thank you for answering. I’m not understanding, to be honest. Could you please share with me your code?
you very welcome and sure
the container part is the same as yours and here are the tag part
.tags {
display:flex;
flex-flow: row wrap;
justify-content:center;
}
hope that help and have a nice day
1 Like