@ApplePieGiraffe
Posted
Hello, Abilio de Assis! π
Nice effort on this challenge! π
Your site currently isn't responsive. The desktop view of the site is usable, but I'm afraid the layout is quite broken in the mobile/tablet views. I would suggest choosing a simpler challenge and focusing on learning responsive design before tackling a larger challenge such as this. Here's a great resource from web.dev to help you get started with responsive web design.
As for positioning those tricky elements that overflow their containers, it's important to make sure to understand absolute positioning and the concept of the offset parent (the element that an absolutely positioned element is positioned relative to) well before attempting to tackle a layout like this. You may have to use media queries to make several adjustments to the layout to ensure that it looks good on all screen sizes. π
Hope you find this helpful. π
Keep coding (and happy coding, too)! π
Marked as helpful
@abilioassis
Posted
Thank you @ApplePieGiraffe for your feedback.
I was feeling stuck with this challenge and decided to publish the solution that I managed to do (even without responsiveness).
I needed to receive some help to be able to continue.
Now I will work on the mobile version.
The link you provided will be of great help.