All solutions

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

I use new HTML tags and CSS properties

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

I learned about the order list, unorder list and table tags in HTML. CSS properties like marker pseudo-classes for list styling.

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

Nothing as if now. Thanks

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

I made my first Social Link Card.

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

Nothing.

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

Nothing as if now.

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

I use CSS property like box-shadow, flex etc.

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

I use CSS property like box-shadow, flex etc.

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

I use CSS property like box-shadow, flex etc.

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

I undertook this project to refresh my skills in HTML and CSS because I'm about to embark on my frontend journey once again.

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

I undertook this project to refresh my skills in HTML and CSS because I'm about to embark on my frontend journey once again.

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

I undertook this project to refresh my skills in HTML and CSS because I'm about to embark on my frontend journey once again.

please share your suggestion on how to use input: focus in js.

please share your feedback on js

I have left the background thing on a navbar for the mobile viewport coz Idk how to make it. also, nav list wants auto close another list if one of two is open

What are the new things I learn in this project? CSS grid, Validation, settimeout, a little bit more about positioning.

I am still confused about which is a suitable unit(%, rem, px) to use in height-width, and padding-margin. I use jquery to validate the form but am not sure how to select the input type email in jquery so I used a #selector in jquery. if any of you know about please let me know. Also, how to make error messages stay there when input is not matched with regex and when a user enters again email address that does not match with regex error shakes again. I make this with set timeout function. it'll be great and helpful for me if you give your valuable feedback about my concerns.

I have completed this challenge but face a few issues and still have doubts about it:-

1. how to use padding & margin through bootstrap for mobile layout but i used vallina CSS for desktop layout. is it best practice to use padding & margin in this way or does bootstrap also have responsive P & M too.
2. "arrow down" in social media links. I have used font-awesome icon for that with position absolute.
3. position for social links. i am able to do this through position absolute. Please share your valuable feedback on this challenge. your feedback will help me to understand more about my mistake.