Sizing of HTML Elements played a huge role in this challenge.
Design comparison
Solution retrospective
I am proud of the fact that I was able to get the code to look as similar to the one given to be replicated. I don't think I would do anything differently next time.
What challenges did you encounter, and how did you overcome them?The biggest challenge was importing the font and styling the hover function, I remembered I could search on google for a solution.
What specific areas of your project would you like help with?The text next to the profile image I was not able to put it directly by the side of the image, Any suggestion would be greatly appreciated.
Community feedback
- @AuroreTurtlePosted 3 months ago
For the text next to the profile image, you can use flexbox. To avoid repetition in CSS (such as fonts), you can apply the CSS rule to the entire page using *.
0@NapgoldenPosted 3 months agoThanks for the tips, I actually didn't think about using a flexbox for the image and the applying the font to the whole page that's new to me, thanks so much for the feedback will apply them to the upcoming challenges. @AuroreTurtle
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord