Social links profile with HTML and CSS

Community feedback

• 

  P

  Aakash Dasgupta•250

  @a-d14Posted about 1 month ago

  1. Feel the card should be in a <section> and not a <div>.
  2. The padding in the card changes when we move to bigger screen sizes. You should look into it.
  3. You should use more variables to make things easier. This is what I do -

  @font-face {
      font-family: 'Inter Bold';
      src: url('./assets/fonts/static/Inter-Bold.ttf');
  }
  
  @font-face {
      font-family: 'Inter Regular';
      src: url('./assets/fonts/static/Inter-Regular.ttf');
  }
  
  :root {
      --grey-900: #141414;
      --grey-800: #1F1F1F;
      --grey-700: #333333;
      --green: #C4F82A;
      --white: #FFFFFF;
  
      --text-preset-1: 1.5rem/1.5 'Inter Bold', sans-serif;
      --text-preset-2: 0.875rem/1.5 'Inter Regular', sans-serif;
      --text-preset-2-bold: 0.875rem/1.5 'Inter Bold', sans-serif;
  
      --spacing-500: 2.5rem;
      --spacing-300: 1.5rem;
      --spacing-200: 1rem;
      --spacing-150: 0.75rem;
      --spacing-100: 0.5rem;
      --spacing-50: 0.25rem;
  }
  

  Marked as helpful

  0
• 

  Celio-HD•80

  @Celio-HDPosted about 1 month ago

  perfeito

  1