I learned how to use selectors in tailwind such as [&>li]:...
What challenges did you encounter, and how did you overcome them?Font sizes, colors and paddings
What specific areas of your project would you like help with?all of the above. and now that i have seen the screenshot. why is it so wrong? The height doesnt match on the screenshot, but it does on my screen
I created a React component to display the profile's social links. This allows the code to be reusable. The component gets data from users.js using the component's props .
Nothing really, just enjoying these challenges...
What specific areas of your project would you like help with?I am all good for now. Just having so much fun doing these challenges!
That's so cool! Could I ask you something please? So, how do you know the exact size of the design?
I started this challenge without the .fig file because I didn't scroll down enough to see the download button. When I finally saw that the .fig file was downloadable, I compared the measurements from eyeballing it to the figma layout itself. I wasn't far off.
What challenges did you encounter, and how did you overcome them?Using online tools like cssmatic has me a lot with some design elements. I am more focused on layout and structure that these tools give the additional info to complete the challenge.
What specific areas of your project would you like help with?I am all good for now. Looking forward to do more challenges and probably jump into it with React.
Finished the challenge in less than 20 minutes
What challenges did you encounter, and how did you overcome them?The only challenge I faced was centering the whole component vertically. Then I achieved that using Flexbox properties.
What specific areas of your project would you like help with?As always, I seek advice for better coding practice.
