Question

Question: Create a row of 5 responsive images of HTML and CSS.

Answer 1

Below is HTML code

<div class="FlexContainer">

<div class="FlexItem">Image 1</div>

<div class="FlexItem">Image 2</div>

<div class="FlexItem">Image 3</div>

<div class="FlexItem">Image 4</div>

<div class="FlexItem">Image 5</div>

</div>

And followed with CSS I.e

.FlexContainer {

display: flex;

flex-wrap: wrap;

margin: 1em;

padding: 1em;

width: 600px;

}

.FlexItem {

flex: 1 0 200px;

margin: 1em;

min-width: 200px;

padding: 1em;

}

That's bootstrap classes

Kindly voteup if found useful .