My name’s Beth and I am a JavaScript developer mainly working with React. Happy to be here

I've finally finished the 'Build a page of playing cards' Certification project on freeCodeCamp. Emojis included, Yay me! 😁 I had to resist the urge to make a small game and settle on having the cards change since the project was already taking to long 😂 3 more certifications till I can do the final exam and move onto JavaScript. Youtube: https://www.youtube.com/watch?v=bfqPTWYGoVQ github: https://github.com/Gre-mie/freeCodeCamp_certs

Hey everyone! 👋 I’m Omkar Jaykar from Pune, Maharashtra, India. I’m a fresher and aspiring Frontend Developer focused on React.js. I joined this community to improve my web development skills, learn from experienced developers, get new project ideas, and understand how real-world applications are built. I’m also here to connect with other developers, learn about job opportunities, and find my first opportunity as a Frontend/React.js Developer. Looking forward to learning, building, and growing with everyone! 🚀

In this video, I walk you through my process for building the templates, how to use them with AI, and how to configure them to the business's needs. I was fortunate enough to connect with someone from TikTok. They were making TikTok videos about their new business, which is a tote rental business as well. After seeing their website and talking back and forth, I think I was able to capture, using the template available in this group, a way to repurpose it and adapt it for somebody's business. Important things to note when using AI: 1. There is no quick one-prompt-and-you're-done. 2. It's going back and forth of asking and validating. 3. Sometimes AI does get it wrong or you have to assist the AI Watch the full video here on YouTube Since the video was originally filmed, his old site has been down, and he's been using the new site. After handing over the website, he was able to, on his own, replace the placeholder images with the ones he wanted on the site. I'm going to include a photo of the original website, along with links to what I gave him and to his site. See attached photo for the previous website Link to the Demo Site Link to the Actual Site

So I was reviewing this website and wanting to understand a little bit more about how the spacing happens to be. If you take a look at this page here https://www.bin-go.net/book-with-us Scroll to the bottom and see the big spacing issue. Adding this line of code to your CSS has some benefits - Diagnose Layout Breaks: Spot elements causing horizontal scrolling instantly. - Visualize Element Boundaries: See margins, padding, and content areas clearly. - Detect Ghost Spacing: Find hidden padding or margins pushing items away. - Verify Nesting Structures: Confirm elements sit in their correct parent containers. And you don't want to use the "border" property - Zero Added Width: Outlines do not alter element dimensions. - No Layout Shifting: Elements stay in place when toggling outlines. - Draws Outside Box: Outlines sit on top of the element box. - Preserves Box-Sizing: Layout mathematics remain completely untouched. There used to be a Chrome extension called Pesticide, but it looks like it's no longer being supported. I did find this one: https://chromewebstore.google.com/detail/pesticide-advanced-css-de/jeebpgmphhagpecfiophljpkhncoajcg