responsive clipboard landing page by css flexbox and css grid

Community feedback

• 

  Ivan•2,630

  @isprutfromuaPosted over 2 years ago

  Hi there! Congratulations on completing the challenge.

  I have a few recommendation about the solution:

  ✅ use font-display: swap

  @font-face {
    font-family: "baijamjuree-semi-bold";
    /*600*/
    src: url(./font-baijamjuree/BaiJamjuree-SemiBold.ttf);
  }
  
  @font-face {
    font-family: "baijamjuree-regular";
    src: url(./font-baijamjuree/BaiJamjuree-Regular.ttf);
    /*400*/
  }
  

  ✅ avoid magic numbers and tag styling . When you add CSS directly on tags, your markup can’t change. Your style is tightly coupled to your DOM, and any change increases the risk of breaking things.

  max-width: 585.333px;
  margin: 0 64px 23px;
  footer-item a
  footer .logo
  

  ✅ don't use !Important. It's first call that your styles will not be able to grow in the future without pain

   margin-top: 0 !important;
  

  I hope my feedback will be helpful. You can mark it as useful if so 👍 it is not difficult for you, but I understand that my efforts have been appreciated

  Good luck and fun coding 🤝⌨️

  1

  ---

  

  Aemro bekalu melaku•510

  @aemrobePosted over 2 years ago

  @isprutfromua what should I change with If I remove the tag-styling and magic numbers.

  0