social-links-profile

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

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