[Solved] CSS Grid or Columns? [closed]

[ad_1] put your picture and text in a div respectively and give that div below css .parent{ display:flex; justify-content:center; flex-wrap:wrap; } .parent div{ height:200px; width:300px;} .img img{ width:100%; height:100%; } <div class=”parent”> <div class=”image”> <img src=”https://cdn.colorlib.com/shapely/wp-content/uploads/sites/12/2016/03/photo-1447834353189-91c48abf20e1-1-1.jpg” alt=””> </div> <div class=”text”> <h2>About Us</h2> <p>Usage of the Internet is becoming more common due to rapid advancement of … Read more

[Solved] CSS huge grid problems

[ad_1] as Mike ‘Pomax’ Kamermans suggested, the best way would be detect mouse click and add item dynamically. You can customize the width and height of items by assigning values to item_width and item_height. var item_width=40; var item_height=40; var added_items=[]; $(function(){ $(‘.grid’).on(‘click’, function(e){ var x = e.pageX – $(this).offset().left; var y = e.pageY – $(this).offset().top; … Read more