+ 1

How to make multiple blocks in a row?

I decided to make a project and I need to make, let's say, my achievements. I want to make some blocks so that they are a 2 by 2 grid (4 blocks in total). It must be responsive. Thank you in advance for your help https://code.sololearn.com/WwCbyTr5TTJo/?ref=app

4th Oct 2022, 1:39 PM
</CODER>
</CODER> - avatar
5 Answers
4th Oct 2022, 5:28 PM
SoloProg
SoloProg - avatar
+ 1
.achievement>div{ margin: 2%; background-color: rgb(34, 34, 34); /*width: 400px; height: 400px;*/ } .achievement div { display: inline-block; color: white; width: 100px; height: 100px; }
4th Oct 2022, 2:13 PM
SoloProg
SoloProg - avatar
+ 1
SoloProg I understand correctly that the top is my version, and the bottom is yours?
4th Oct 2022, 2:20 PM
</CODER>
</CODER> - avatar
+ 1
SoloProg Thanks
4th Oct 2022, 2:27 PM
</CODER>
</CODER> - avatar
+ 1
SoloProg Thank you. I already figured it out! You can see it in the latest update of this site. It remains only adaptability, but I can do it
4th Oct 2022, 6:34 PM
</CODER>
</CODER> - avatar