<!---ulタグで画像横並び---------------->
<section id="Works" class="Workswrapper">
<h2>Works</h2>
<ul>
<li> <img src="img/works1.jpg" alt="works1"> </li>
<li> <img src="img/works2.jpg" alt="works2"> </li>
<li> <img src="img/works3.jpg" alt="works3"> </li>
<li> <img src="img/works4.jpg" alt="works4"> </li>
<li> <img src="img/works5.jpg" alt="works5"> </li>
<li> <img src="img/works6.jpg" alt="works6"> </li>
</ul>
</section>
/*ulタグで画像横並び*/
.Workswrapper {
max-width: 960px;
margin: 0 auto 100px auto;
padding: 0 4%;
text-align: center;
}
#Works ul {
display: flex;
flex-wrap: wrap;
}
#Works li {
background-color: #be1919;
width: 30%;
margin-left: 2%;
}
#Works img {
max-width: 100%;
}