Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive webpage using clamp() and calc() for adaptable layouts.

@Flavio-sv

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I take immense pride in having completed another challenge and in learning new techniques, such as clamp() and calc().

Up to this point, I wouldn't do anything differently.

What challenges did you encounter, and how did you overcome them?

As I progress through projects, I find that the challenges become less daunting, yet there are always new techniques that enable me to further hone my skills.

What specific areas of your project would you like help with?

As is my custom, I ask that you analyze my HTML and CSS code and provide suggestions and tips on how I can improve.

Community feedback

@TheRedHoodGuy

Posted

I have a question..., first of all how did you get the program so close to the design??? This is incredibly mind blowing!!

1

@Flavio-sv

Posted

Hello, @TheRedHoodGuy

Thank you for the question. It becomes easier and faster to align your project with the design when you have the option to download Sketch or Figma files to obtain the correct measurements. However, this requires a Pro account. Since I do not have one, I use Adobe Photoshop to determine the measurements.

1

@TheRedHoodGuy

Posted

@Flavio-sv Could we communicate more about this, I have one or two things to learn from you. How should we communicate?

Pick any

Update: Hey, I really wanna learn more.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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