Social Links Profile Solution

Community feedback

• 

  Shoaib Shuja•560

  @ShoaibShujaPosted 5 months ago

  Amazing job my friend but the page doesn't seem to be responsive in smaller devices, you can fix this by using @media screen and (max-width: 650px) which implements a design of your own choice on smaller devices. These lines of code will aid your page:

  @media screen and (max-width: 650px) { .card { min-width: 85%; min-height: 80vh; } }

  Have a beautiful day.

  0
• 

  EFEELE•350

  @EFEELEPosted 5 months ago

  To do that you have to implement media queries in CSS.

  an example:

  /* Styles normal */
  .my-div{
        width: 800px;
        height: 500px;  
        background-color: red;
  }
  
  /* Styles on devices with a max-width 768px */
  @media screen and (max-width: 768px){
  .my-div{
        width: 400px;
        height: 250px;  
        background-color: green;
  }
  }
  

  Test on codepen : https://codepen.io/efeeledev/pen/MWdOPoV

  0