I tried to do this one a bit different. I did it without figma or any other help, just by purely looking at the image and by 'feel'.
What challenges did you encounter, and how did you overcome them?I can't seem to get the live version of my app to work. it doesn't acccept: https://ckarakoc.github.io/FrontendMentor/social-links as a valid URL.
Hi @OguzcanKarakoc! I think you did a great job on your design for the Social Links Profile project! Just some minor tips:
I'm proud that I learned CSS clamp function for responsive design.
What challenges did you encounter, and how did you overcome them?I find it difficult to learn clamp function, but I did it anyway.
Hi @bavgg! I think the only things that might need adjustments are the padding/margins between the elements (slightly differs from the original design), and your text for "Greg Hooper" is bigger than the design. But other than that, everything looks good!
Setting up the project and styling the components was pretty straightforward. I found the Figma style guide easier to follow than the main download.
What challenges did you encounter, and how did you overcome them?I've never used GH Pages before, and getting to deploy took a few attempts, as it complained about the GH Pages branch already existing. Looking back, I should have removed elements I'm not using, ie the unused image removed from the create-react-app set-up, but as this is my first mentor project, I'm happy to leave it as is for now.
Hi @grantwake01! Honestly, your solution looks very close to the original design and looks fine when changing screen size. I would say the only minor differences are that your white card might be a bit bigger, and there is more padding around the QR code image in yours.
