I want to somehow unify the internal format of the cards. But this does not happen because of the different lengths of the books' names. Also, the submission button is not in a fixed position relative to the size of each card. what should I do? image
<el-row :gutter="20 "> <el-col :span="4 " v-for="o in recommended " :key="o.isbn " :offset="0 "> <el-card :body-style="{ padding: '0px' } "> <el-image :src="o.img_l " fit="cover "></el-image> <h4>{{o.book_title}}</h4> <el-rate v-model="o.score " :allow-half="true"></el-rate> <el-button type="danger " @click="liked_btn(o) "> Submit feedback </el-button> </el-card> </el-col> </el-row> Related questions 8 How to display card components in loop with Vuetify grid system? 1 Vue + Element UI: How to bind data to card component? 1 Align rows in Vuetify's card component Related questions 8 How to display card components in loop with Vuetify grid system? 1 Vue + Element UI: How to bind data to card component? 1 Align rows in Vuetify's card component 0 Display titles of different cards in vuetify 0 Stack v-cards within n columns 0 Display Vuetify cards in a single row instead of a column? 1 How to display vx-cards side by side in Vuejs 0 Stacking cards on top of each other in vue 0 custom card component Vue.js + Vuetify 4 Vuetify : 2 rows in a card Load 7 more related questions Show fewer related questions
Reset to default
