This is a simple css issue. You need to change the width of the card.
Making it compact will result in the desired outcome.

If you are using bootstrap use grid instead of flexbox. Set width to w-50.

i.e

<div class='row>
<div class='col'></div>

<div class='col w-50'>

<-! Card here -->

</div>

<div class='col'></div>
</div>


Best Regards,

Albert Ashaba Aheebwa
+256 781 435857

On Sat, 13 May 2023, 23:42 Michael Edet, <michxs...@gmail.com> wrote:

> I have been trying to do card columns on my html but it is not working
> What is wrong with it?
> The first one is the outcome
> The second one is what I want it to look like
>
>
> --
> You received this message because you are subscribed to the Google Groups
> "Django users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to django-users+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/django-users/CACM0XWwTq5kcnx3i8VsA0Euq4bq-CBd7CQnGK108VJm2hsVNYg%40mail.gmail.com
> <https://groups.google.com/d/msgid/django-users/CACM0XWwTq5kcnx3i8VsA0Euq4bq-CBd7CQnGK108VJm2hsVNYg%40mail.gmail.com?utm_medium=email&utm_source=footer>
> .
>

-- 
You received this message because you are subscribed to the Google Groups 
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to django-users+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/django-users/CAAQecPeEq12qAhi1FwgwZV_xdnLYWomwPLVT%2By5fG7ecHRpCuA%40mail.gmail.com.

Reply via email to