Hello everyone,
I am a newbie when it comes to JavaScript and CSS. I am in need of a code, whether it be JavaScript or CSS, that will allow me to stretch out a grid layout measuring 5 x 2 along with pictures to completely cover the width of the browser window. For reference, you can check out the middle section of this website: . When you zoom in or out, the grid should adjust to fit the entire width of the browser regardless of the screen size. I understand that using the background-image feature in CSS with the "cover" property can achieve this effect, but it may prove difficult for non-programmers to edit. Here's the information I have gathered so far.
function resizeJqGridWidth(grid_id, div_id, width)
{
$(window).bind('resize', function() {
$('#' + grid_id).setGridWidth(width, true); //Resetting to original width
$('#' + grid_id).setGridWidth($('#' + div_id).width(), true);//Resizing to new width according to window size
}).trigger('resize');
}
Any suggestions would be greatly appreciated. Thank you!