Nic727 Posted February 17, 2016 Share Posted February 17, 2016 Hi, I think it's possible to do something like that with float left or right to have a kind of masonry with CSS http://image.noelshack.com/fichiers/2016/07/1455724726-capture-d-ecran-2016-02-17-a-10-54-01.pnghttp://image.noelshack.com/fichiers/2016/07/1455724726-capture-d-ecran-2016-02-17-a-10-54-12.png But I'm thinking about how can I have the correct height for each photos and how can it be responsive? Thank you Link to comment Share on other sites More sharing options...
davej Posted February 17, 2016 Share Posted February 17, 2016 Looks pretty simple, so go write the code. What do you mean "correct height?" Responsive means you use % widths and media queries. Link to comment Share on other sites More sharing options...
Nic727 Posted February 17, 2016 Author Share Posted February 17, 2016 (edited) By height I mean that the two photos on the right fit the height of the big photo on the left. Also, I don't want height to be weird and want it very fluid. Just look at this website https://xinjin.exposure.co/antarctica The co-creator said me that it was 99% CSS, but it seem that image resize is javascript, but no way to find how he did that. Edited February 17, 2016 by Nic727 Link to comment Share on other sites More sharing options...
davej Posted February 17, 2016 Share Posted February 17, 2016 If you want an image to maintain its own correct aspect ratio then normally you have to allow the image to find its own height. Link to comment Share on other sites More sharing options...
dsonesuk Posted February 18, 2016 Share Posted February 18, 2016 http://w3bits.com/css-masonry/ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now