I did this challengue before.
What challenges did you encounter, and how did you overcome them?The reponsive style.
What specific areas of your project would you like help with?Any feedback is positive
I see that you have made progress in your code but you have not updated the screenshot. To do this, click on the red button at the top right that says "GENERATE NEW SCREENSHOT".
When generating a new screenshoot the changes will be reflected in your challenge
I just completed an exciting challenge from "Frontend Mentor". Please leave your comments and suggestions. Thank you for your time! ⭐️⭐️⭐️⭐️ ⭐️
Good job! When you hover your mouse over the social media links, they do not change color. To do so, you can try this in your CSS style sheet:
a:hover {
background-color: hsl(75, 94%, 57%);
cursor: pointer;
color: hsl(0, 0%, 8%);
}
good job! To improve it even more you could add the following parameters in a universal selector in your CSS style sheet so that it is centered and with a top and bottom margin:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
You can also change the font to be similar to the challenge:
@import url('https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap');
body {
font-family: 'Inter';
}
then you must place the label
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">
inside the <head> tag in your .html file
How did I do? Let me know if I could improve something. Thank you!
good job! It catches my attention that you do not use a .css style sheet. In case you don't know how to do it, you can create a style.css file in your main folder and connect it to your HTML sheet with the <link rel="stylesheet" href="style.css"> tag. Then just cut and paste the styles from your `
This is a solution to the Social links profile challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
Note: Delete this note and add/remove/edit lines above based on what links you'd like to share.
This is where you can give a hat tip to anyone who helped you out on this project. Perhaps you worked in a team or got some inspiration from someone else's solution. This is the perfect place to give them some credit.
Note: Delete this note and edit this section's content as necessary. If you completed this challenge by yourself, feel free to delete this section entirely.
When changing the resolution to mobile resolution there are no changes. Maybe you should use media queris to make the challenge complete and make your page responsive. Anyway, you did a great job!!
I just restant to learn HTML and CSS , so i decided to return from the root ... Pls read and tell me how i should've shorten my code and eventually if i made somes mistakes
Edit : I've made somes corrections thanks to the feedback . Thx
Great job!! You solved the challenge neatly.
