sigonasr2/pixel-art-maker
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

2X2 grid features

Browse Source
This commit is contained in:
Rup Chitrak 2018-06-11 16:00:58 +05:30
parent 00629d2aef
commit 54b15a3003
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.js
View File

@ -4,12 +4,12 @@ let main = document.createElement('div');
main.className = 'divContainer';
document.body.appendChild(main);
for(let i=0;i<2;i++) {
for(let i=0;i<20;i++) {
const rowDiv=document.createElement('div');
rowDiv.className = 'rowDivContainer'+i
rowDiv.className = 'rowDivContainer';
main.appendChild(rowDiv);
for(let j=0;j<2;j++) {
for(let j=0;j<20;j++) {
const div=document.createElement('div');
//div.innerHTML = 'red';
div.className='divElem';

15
style.css
View File

@ -2,28 +2,23 @@
display: flex;
flex-direction: column;
}
.rowDivContainer0{
.rowDivContainer{
display: flex;
border: 1px solid green;
width: 50px;
justify-content: space-around;
}
.rowDivContainer1{
display: flex;
border: 1px solid green;
width: 50px;
width: 500px;
justify-content: space-around;
}
.divElem{
height: 30px;
width: 30px;
/*border: solid green;*/
border: 1px solid green;
}
.colorChange{
background-color: red;
border: 1px solid green;
height: 30px;
width: 30px;
}