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
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:wght@100..900&display=swap');
body {
font-family: 'Inter';
}
then you must place the label
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
inside the <head> tag in your .html file
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 `
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!!
Great job!! You solved the challenge neatly.
