@deedeedev
Posted
Hi @rahul11636 , nice job. To improve the responsiveness of the card you might want to avoid setting a percent width on your container div and use a fixed width or a maximum width in px or rem. So instead of doing:
.mini-container {
width: 25vw;
}
you could try something like:
.mini-container {
max-width: 24rem;
padding: 20px;
}
To fix the problem with the image you can remove the position: relative
top
and left
rules and just apply width: 100%
.
The approach is this: use a container with a fixed width/max-width (that can change using media queries, depending on display size) then apply some padding on it and place your content inside. You might also want to look into flexbox
, it really simplifies content aligning once you grasp how it works.
Keep up the good work! 👍
Marked as helpful
@rahul11636
Posted
@deedeedev hey can you help me please contact me my instagram is link is https://www.instagram.com/its_rahulmaht0/