CSS and flexbox - can someone explain the logic behind this code

.section {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 20px;
}
.reverse {
flex-wrap: wrap-reverse;
}
.section > img {
width: 100%;
max-width: 320px;
border: 1px solid #707070;
margin: 0 14px;
}

HTML -

Create a path for customers to discover

Go beyond the search box with navigation, browse, and content discovery experiences powered by Algolia.

Learn more

Create a path for customers to discover

Go beyond the search box with navigation, browse, and content discovery experiences powered by Algolia.

Learn more
  1. Can I know what you are trying to achieve
  2. Can I have a link to the lesion

/Users/admin/css-P3/assets/q5_mob.png

idk if that works but i’m trying to achieve that layout

nothing opens with that link. Check if it is the right link?

That is a link on your computer; I don’t think it’ll work outside of your device…