social-links-profile

Community feedback

• 

  P

  awwsalah•290

  @awwsalahPosted 8 months ago

  sorry please, try to refresh your Page i fixed the text

  0

  ---

  

  Matthieu•180

  @Matt971xPosted 8 months ago

  @awwsalah thank you for your i'll take notes :D

  0
• 

  P

  awwsalah•290

  @awwsalahPosted 8 months ago

  hello Matthieu

  try to flex in your html <main> tag create two div classes one for the buttons and another for the image and the title.

  after that in the css call the main class and add this code

  {

  display: flex;
  flex-direction: column;
  gap: 1rem;
  

  }

  and change the <a> tag to <button> and add the fix buttons into a div class u can call what ever u prefer, after u create the buttons use this code in the css

  button{

  height: 40px;
  width: auto;
  background-color: var(--btn-color); /* u can add the color here */
  border: none;
  border-radius: 6px;
  color: var(--text-color);
  font-weight: 600;
  transition: 1s; /* this is for the hover animation it make it slower */
  

  }

  button:hover{

  background-color: var(--secondary-color);  /* the green color here */
  color: var(--btn-color); /* u can add the white color here  */
  cursor: pointer;
  

  }

  let me know if u need further help, two weeks ago i didn't know much about CSS so practicing is the key

  0