Im proud its my first challenge, next time i would do more DRY code.
What challenges did you encounter, and how did you overcome them?I wasn't able to have the border-radious on the box container div.
What specific areas of your project would you like help with?The border-radious around all 3 sections
Hi, excellent work! For the borders you can use border-radius variants in card-1 and card-3:
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
For the card-3 is the same, just change left for right
You can also use align-items: flex-start to position elements to the left (texts and images)
Keep going!
I am most proud of successfully implementing a responsive design using only HTML and CSS. It was a great learning experience to structure the layout properly and style it effectively. Next time, I would focus more on improving accessibility and adding small animations to enhance user experience.
What challenges did you encounter, and how did you overcome them?One challenge I faced was aligning the content properly within the columns while keeping the design responsive. Initially, the layout was breaking on smaller screens. I solved this issue by using CSS Flexbox and Media Queries to ensure a smooth and adaptable design
What specific areas of your project would you like help with?"I am struggling with JavaScript functionality, especially handling events and state management."
Hi, nice work!
You can try with align-items: flex-start to position elements to the left (texts and images)
For borders the properties:
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
To be more specific which place you want the border-radius.
Hope it helps.
Keep going!