#dataList { display: flex; flex-wrap: wrap; grid-template-columns: auto auto ; width: 100%; } .img-container { display: flex; width: 100px; height: 100px; margin-bottom: 5px; } .grid-item { display: flex; margin: 10px; } .grid-container { width: 100px; margin: auto; display: block; } .grid-container input { width: 100px; } .grid-container p, .grid-container h5 { text-align: center; } .grid-container h5 { overflow: hidden; } .grid-container img { margin: auto; height: 100%; width: 100%; object-fit: contain; } .button-container { display: flex; } .button-container button { margin: auto; }