Let me know what I can improve on!
I would appreciate feedback on my HTML/CSS code and what I should've done differently. Thank you for checking out my solution!
I'd like feedback on the HTML tags I used, as well as the CSS styling strings I used.
I'd appreciate it if a more experienced dev can give me feedback on my html and css structure and what I could've done differently.
next time i will be faster
What challenges did you encounter, and how did you overcome them?i did not know how to align content like i should have done inside my button
What specific areas of your project would you like help with?have the button to look like the design provided
The overall design looks good.
You need to center the card on the screen. The button and hover-over colors are switched, should be light green for the button and dark green for the hover effect. To move the icon and text within the button, play with the padding. I used display: inline-flex on the button with gap and padding on my solution.
Great job!
Hi @MsadafK,
Good attempt! Try adjusting the container size to match the design. You should create an unordered list for your links in your HTML file:
<ul>
<li><a href="#">Github</a></li>
<li><a href="#">Frontend Mentor</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Instagram</a></li>
</ul>
Good luck!
Hi @Steven-Ang,
Your solution looks very close to the original design! As a fellow beginner you can take my feedback with a grain of salt, but I suggest using <section> for the card and then use <div> for each element you want to style in CSS.
@Sid4269,
Good job, your attempt is close to the original except the image isn't appearing even though the path in your html file is correct.
