Crazy Grid QR Code creation

Community feedback

• 

  P

  visualdennis•8,375

  @visualdennissPosted over 1 year ago

  Haha very original approach!

  Here is a great tool to create css grids simply by clicking on squares and it gives u the code already: https://cssgrid-generator.netlify.app/ So it might be useful in case you need to create another QR Code in the future :D

  Marked as helpful

  1

  ---

  

  Lucian Ioan Chirilă•50

  @LucianIoan31Posted over 1 year ago

  @visualdenniss Cool app. I needed 841 grid-items in order to create the code:))

  0
• 

  Nicolae Sorin•50

  @Biseq12Posted over 1 year ago

  Good job completing the project! I found it very funny because it's unique, congrats !

  "The problem I have with the project and what I don't like is that I am bad at centering". Let me tell you my style of centering a div and I hope you will understand how to center it.

  <main class = "container">
              <div class="box">
              </div>   
  </main>
  

  In this case, you will center the CONTAINER and the styling for BOX.

  
  .container{
   display: grid;
   justify-content: center;
  }
  
  .box{
   width: 100px;
   height: 100px;
   background-color: black;
  }
  

  An alternative for grid is flex, and you use it like this:

  
  .container{
   display:flex;
   justify-content: center;
   align-items: center;
  }
  
  

  "The responsiveness is pretty poor.".

  For this, you could learn some Bootstrap and it's the best for Responsive Sites.

  Also, you could change the first div <div class="container"> to <main class = "container"> for better semantic.

  I hope this will help you in your journey! Te salut :)

  Marked as helpful

  0