Responsivre QR code card using flexbox

Community feedback

• 

  shalash23•280

  @shalash23

  Posted over 2 years ago

  Congratulations on your first project.

  • Regarding the responsive typography, I found a little trick really eliminates all the headache regarding responsive typography, it is called "clamp". There is a website that I use that actually calculates the values and gives me the final clamp values to apply to font-size. Here is a link: https://royalfig.github.io/fluid-typography-calculator/

  I am quite sure this will make your life a lot easier. After finding this trick, I never write media queries for fonts.

  • I will explain this as easily as I can. I have a box, how much of the inside of the box should the content take? that's padding. How far is the box from other boxes? that's margin. When to use when? It all depends on the design, I think. But for arguments sake, let's say you have a header section that contains a logo and a hamburger icon. The header element is taking all the space. With padding, you can specify an "inner margin" you can say to those child elements. Margin comes in when you want to separate the header section from another section. There are situations where you actually have to use both, but I'd say don't complicate things at the beginnings.

  My two cents here, is that CSS requires some hit and miss until you get a grasp on how it behaves. I am sure it drove everyone who is learning it crazy at one point.

  01

  Marked as helpful