Social Links Profile (HTML & CSS) | Frontend Mentor Challenge

[@mentum-v2p]

W

[@whateveritwasitis]

Hi Kim, when you decide to do your next frontendmentor, would you consider a Junior level HTML&CSS? I cant do Java-YET!😁

[@kimdoescode]

Sure!✨

[@RobertTripp-i7w]

The challenge is for newbies.. it would be helpful to not have preset styling set up and also cutting down on the amount of shorthand you use.

[@kimdoescode]

Thank you for the feedback. I understand how starting with preset styling and using shorthand can be challenging for newbies. I'll make sure to start from scratch and use less shorthand in the next video to make it easier to follow.

[@sadicksulley1583]

hello senior I really need to find how to start my challenges on Frontend mentor without watching any video Please can you help me out please

[@kimdoescode]

Hey@sadicksulley1583, thanks so much for all your support, especially for watching my videos, I really appreciate it! 😊 I totally get wanting to dive into Frontend Mentor challenges without relying on videos. Here’s a little guide to help you get started on your own: 1. Check out the challenge brief: Each challenge has a written brief. Read through it carefully to understand what’s needed before you start. 2. Look at the design files: If your challenge includes design files, take some time to go over them. It’ll give you a feel for the layout, colors, and fonts. 3. Break it into sections: When you’re ready, mentally break the design into parts-like the header, body, footer so it’s easier to work through. 4. Start with HTML: Begin by writing the basic structure with HTML. Focus on using the right tags like , , and , which will give your layout a solid foundation. 5. Add CSS step by step: Once the HTML is done, move on to styling. Tackle one section at a time to keep it simple. Don’t forget to think about responsiveness using media queries! 6. Peek at the demo: If the challenge has a demo, give it a look-it’ll show you how things should behave and look, which can be super helpful. 7. Google is your friend: If you hit a roadblock, don’t hesitate to search for answers. MDN Web Docs is also a great place to find useful info about HTML, CSS, and JavaScript. 8. Use dev tools: As you code, use your browser’s developer tools to inspect and tweak things easily. I hope this helps get you going! Feel free to reach out if you have any questions or run into any challenges. You've got this!