Masonry card columns

39 views
Skip to first unread message

Michael Edet

unread,
May 13, 2023, 4:42:42 PM5/13/23
to django...@googlegroups.com
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


20230512_155750.jpg
20230512_160059.jpg

ALBERT ASHABA AHEEBWA

unread,
May 13, 2023, 5:06:12 PM5/13/23
to django...@googlegroups.com
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

--
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...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CACM0XWwTq5kcnx3i8VsA0Euq4bq-CBd7CQnGK108VJm2hsVNYg%40mail.gmail.com.

Michael Edet

unread,
May 13, 2023, 6:52:29 PM5/13/23
to django...@googlegroups.com
Yes I'm using bootstrap
Or should I show you my code??

Because I was using card-colum
But I will try your I.e. out

Michael Edet

unread,
May 14, 2023, 12:34:23 PM5/14/23
to django...@googlegroups.com
Thank you 
It worked well
But I didn't see Borders
Are you on WhatsApp?


On Sat, 13 May 2023, 22:06 ALBERT ASHABA AHEEBWA, <ashabaahe...@gmail.com> wrote:
Reply all
Reply to author
Forward
0 new messages