IE window/screen size <1100px
- Dominant language
- JavaScript
- Stars
- 3
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Instead of defining number of columns on load, it should find out the window size and assign the layout accordingly. A modification of your window.resize function can be used:
$(window).load( function() {
var winWidth = $(window).width();
var conWidth;
if(winWidth < 660) {
conWidth = 440;
col = 2
} else if(winWidth < 880) {
conWidth = 660;
col = 3
} else if(winWidth < 1100) {
conWidth = 880;
col = 4;
} else {
conWidth = 1100;
col = 5;
}
$('#container').width(conWidth);
$('#container').BlocksIt({
numOfCol: col,
offsetX: 8,
offsetY: 8
});
});
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the window-size and BlocksIt initialization code referenced in the issue, then inspect how the current column count is chosen on load. The work is done when resizing or loading at widths below 1100px selects the corresponding container width and column count without breaking the existing layout.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100