Responsive summary component with no flex/grid

Hi, so most of the time If you want responsiveness you will have to not set fixed values(100px set on an element will not grow as It's parent width grow for example) but instead set relative values(10% or 50% of the parent width will make the element adapt to the parent as It's width grows or shrinks) that's the first step in achieving a responsive layout.

What most people recommend is also mobile-first development where you start to code for mobile and then make readjustments in your code for the desktop version, lots of people found it easier to do it this way but the other way around is fine too. So try to check for fixed,hard values in your code and try to make them grow relatively to another element(most of the time the parent but depends on the design), hope this was helpful and If you're still stuck don't hesitate to check youtube to see how others achieve this from start to finish.

@Everezze Thanks again for your help with the code—it really meant a lot! Am not too familiar with some things you said if I encounter more issues or need further guidance, would it be okay to reach out to you for some assistance? Via any social?

@AshongAbdallah06 You Welcome, If you want help you can go to the discord of the community you will find more people that can help you and give you advices.

@Everezze Hey! It's me again. I took your advice, What most people recommend is also mobile-first development, where you start to code for mobile and then make readjustments in your code for the desktop version, and I was able to complete the challenge. Thanks again.