css-grid

[Solved] CSS Grid or Columns? [closed]

by

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 technology … Read more

[Solved] CSS huge grid problems

by

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; var … Read more