bugsyb
October 27, 2019, 2:20am
1
Hey guys
I’m trying to figure out how to make the following alignment happen in flexbox (i.e. I want the dates are aligned-top, the headings are aligned top, and the images are aligned bottom.
This is the closest I’ve been able to get:
I can’t figure out how to make the headings align. Any help would be appreciated!
Here is my site Read-Only: LINK
(how to share your site Read-Only link )
avivtech
(Aviv Shwartz)
October 27, 2019, 6:21am
2
Hi @bugsyb ,
Use more <div>
s !
If you’ll put both top elements in 1 <div>
they will join together at the top and the image will be a the bottom.
bugsyb
October 27, 2019, 4:23pm
3
But these items are two separate items in collections. So how can I put them both into the same div?
avivtech
(Aviv Shwartz)
October 27, 2019, 4:28pm
4
Maybe I did not understand you, can you try to rephrase? or even better - show an example?
bugsyb
October 27, 2019, 4:45pm
5
So I have two blog posts (they’re both from a collection).
If these were not collection items, I know I could put both titles into a div, and then align-top.
However, since they are both collection items, I’m not sure how I would put both titles into a div.
Does that make sense?
avivtech
(Aviv Shwartz)
October 27, 2019, 4:47pm
6
Can you edit the photo you uploaded in paint or photoshop and place all elements as you want them to be?
bugsyb
October 27, 2019, 4:49pm
7
It should already be in the original post: The first photo is how I want it to be (i.e. the title and date are aligned at the top, and the picture is aligned at the bottom.
The second photo is what i’ve been able to get in Webflow (i.e. the title is centred) Does that make sense?
avivtech
(Aviv Shwartz)
October 27, 2019, 4:53pm
8
Then this is the solution…
You can put 2 CMS elements inside a div. If you share a read only link I will be able to record a video for you.
bugsyb
October 27, 2019, 4:56pm
9
avivtech
(Aviv Shwartz)
October 27, 2019, 8:52pm
10
1 Like
bugsyb
October 29, 2019, 12:08am
11
@avivtech ohhh I see what you mean. Okay that makes sense now. Thanks a lot!
1 Like