Huddle landing page with curved sections solution

I have used padding and margin so many times in this challenge. I played with it a lot and I can say I understand what padding and margins are. I feel very comfortable using both of them and troubleshooting any bug or misalignment of any element on the page.

I also continued to use CSS grid and great progress has been made in understanding basic properties and how to use them.

Most importantly for this challenge, I just found out how easy is to make these curvy shapes sections on a modern startup website 😃.

By doing this challenge, I have completed 40 exercises on FEM. Working with elements, alignment, and positioning was not easy when I started. However, I can see the big progress I have made in the last 6 months.

It's time to move on and start learning React. I will be starting next week, and I hope I made the same progress I did with CSS.

I would appreciate it if React developers here share with us how best to learn React in 2024, especially with new frameworks working with it like Vite and Next JS.

Built with 🛠

• Semantic HTML5 markup ✔
• CSS grid 🔳
• CSS custom properties 🎨
• CSS Flexbox 🎁
• Mobile-first workflow 📱
• PixelPerfect chrome extension 👌
• Responsively ✌
• Web ToolBox ⚒

What I learned

• Create web page sections with curve shapes

Continued development

• Passing arguments to functions
• Working with CSS :nth-child() selector

Useful resources

• CSS :nth-child() Selector

Author

• Twitter -[https://twitter.com/javascriptor1]