@phtm-haru
What are you most proud of, and what would you do differently next time?
Completing the challenge.
What challenges did you encounter, and how did you overcome them?
I had some problems with the svg icon being clipped so I added the overflow="visible" to my css.
What specific areas of your project would you like help with?
Any feedback would be appreciated.
@phtm-haru
Posted
Congratulations on finishing the challenge. 🎉 Keep up the good work 💪🏻
@ManuelGarcia2207
Submitted
What are you most proud of, and what would you do differently next time?
Make a better grouping of the elements that the page contains
What challenges did you encounter, and how did you overcome them?
Handling tables and the content of recipe sections
What specific areas of your project would you like help with?
Have more table grouping techniques as well as manipulate the contents of this case the instructions
@phtm-haru
Posted
Congratulations on finishing the challenge. 🎉 I just finished mine too 👩🏻💻
That is a nice solution, keep up the good work 💪🏻
I have a suggestion for the font asset. Here is an example how to use them:
@font-face {
font-family: "Young-Serif";
src: url(../assets/fonts/young-serif/YoungSerif-Regular.ttf)
format("truetype");
}
I hope you find it usefull 🙏🏻
@Nrobke
Submitted
@phtm-haru
Posted
Congratulations on finishing the challenge. 🎉 I see you are still trying to improve it, keep up the good work 👍🏻
I have a suggestion for the social links hover state, you can change the cursor to pointer with this:
.profile-links li:hover{
color: hsl(0, 0%, 8%);
background-color: hsl(75, 94%, 57%);
cursor: pointer;
}
I hope you find it usefull 🙏🏻 Happy Coding 👩🏻💻
@ul4sfak1r
Submitted
@phtm-haru
Posted
Congratulations on finishing the challenge. 🎉
I just finished mine 👩🏻💻
Also that is a nice solution 👍🏻 Keep up the good work 💪🏻
Also, a reminder that we should use the font asset that they gave us. Here is an example how to use them:
@font-face {
font-family: "Figtree";
src: url(../assets/fonts/Figtree-VariableFont_wght.ttf) format("truetype"),
url(../assets/fonts/static/Figtree-SemiBold.ttf) format("truetype"),
url(../assets/fonts/static/Figtree-ExtraBold.ttf) format("truetype");
}
Sorry for the lack of my english 🙇🏻♂️
@raneem0987
Submitted
@phtm-haru
Posted
Hello 👋🏻 Congratulations for completing the challenge 🎉
I've some suggestion for the typography, you can add this to your css file
@import url("https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap");
body {
background-color: hsl(212, 45%, 89%);
font-family: "Outfit", sans-serif;
}
I hope you find it usefull 🙏🏻 Happy Coding 👩🏻💻