Skip to content

Latest commit

 

History

History
49 lines (43 loc) · 897 Bytes

018.matrix.md

File metadata and controls

49 lines (43 loc) · 897 Bytes

Battle #2 - Visibility

#18 - Matrix

Link to problem

Result

My Solution

<div class='qt-cir un'></div>
<div class='qt-cir du'></div>
<div class='qt-cir un'></div>
<div class='qt-cir du'></div>
<div class='qt-cir du'></div>
<div class='qt-cir un'></div>
<div class='qt-cir du'></div>
<div class='qt-cir un'></div>
<div class='qt-cir un'></div>
<div class='qt-cir du'></div>
<div class='qt-cir un'></div>
<div class='qt-cir du'></div>
<style>
  body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 20px;
    width: 100%;
    height: 100%;
    background: #5C434C;
    margin: 0;
  }
  .qt-cir {
    height: 80px;
    width: 80px;
    border-radius: 100% 0 0 0;
  }
  .un {
    background: #F09462;
  }
  .du {
    background: #F5D6B4;
  }
  
</style>