Is there a way to ensure that my buttons have the same height as the questlist_item
? Even after applying the same CSS height:auto;
, the heights remain unequal. Any suggestions on how to achieve equal button heights? Thank you!
var questlist = [{...}];
questitemlist(questlist);
function questitemlist() {
var callquest = "<div class='questlist_container'>" + "...";
$("#call_quest").append(callquest);
var questlistobj = questlist[0].questitem;
$.each(questlistobj, function(i, obj) {...}
}
/* CSS code for questlist styling */
.questlist_container {...}
/* Media queries for responsiveness */
@media (max-width: 400px) {...}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="call_quest"></div>