Alazar Getachew• 260
@AlazarG19
Submitted
if you have any better recommendation on making it responsive i will gladly accept it
Joshua
@dyntbn
All comments
- Joshua• 130
@dyntbn
Posted
Hey Alazar!
Just completed this today too and woah, yours is near a perfect match, great job! 😄👍
Answering your question about responsiveness, I have some tips:
- Use a parent container to wrap your sub-container elements. These would be your
.containerand.image-container. - Utilize the parent container to control its width, either in fixed units, or scaling units such as
vw. This would be how you size the main component itself. - Utilize the parent containers width restriction to your advantage. Use the
%unit to scale it dynamically, splitting that 100% between elements, and ultimately totaling to 100%. If it is over 100%, your content will overflow. This would be your.containerand.image-container.
That should fix your pill component from splitting apart and be responsive to some extent. I'm currently studying more on media queries and responsiveness, so this is the best I've got right now.
Hope this helps you out! Have a great weekend Alazar.
Marked as helpful
1 - Use a parent container to wrap your sub-container elements. These would be your
