Sunny Side agency landing page

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

I'm proud of making my website responsive for all devices using only Reactjs , vanilla CSS and Flexbox. I struggled a lot for making website responsive for all devices. Initially, I enjoyed working on the project, but then I got bored and left it unfinished. After some time, I started liking it again—until boredom hit once more 😅. When I finally completed it and tested the responsiveness across devices, it felt really satisfying. I even shared it with friends for feedback. There were a few bugs, but I fixed them later. The lesson: if you start a project, commit to finishing it—or don't start at all.

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

The challenges I faced were:

1. Layout: My initial approach was designing for desktop first. I completed that part, but I realized the same layout wouldn’t work for all devices. I got stuck trying to adapt it for everything from 18000vw screens to mobile and tablet sizes. To solve this, I looked at solutions by creators like catherineisonline, explored a few examples, and then started experimenting. That helped me understand how to manage layout changes better.

2. Choosing Breakpoints: Finding the right breakpoints for different devices was another challenge. Took help from Claude ,google,stackoverflow understand breakpoints that we have find at screen-size our website break . solved this way .

3. Responsive Font Size, Width, Height, Padding, Margin, and Positioning: For this, I took help from Claude and ChatGPT, and I learned to use CSS functions like clamp() and calc(),::before,::after pesude element,clip-path effectively .

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

Please review my code and let me know if it's production-ready and meets 2025 industry standards for making responsive websites. Am I on the right track or way with making responsive websites, or are there areas I should improve?