Autre

Instagram Feed

pase in the body of the page and place a div with an id of “instagram-feed”

integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="

crossorigin="anonymous"></script>

$(window).on('load', function(){

$.instagramFeed({

'username': 'flux.academy',

'container': "#instagram-feed",

'items': 5,

'margin': 1

});

</script>

Hide unnessesary stuf et wrap all (code à mettre dans le head de la page)

<style>

.instagram_profile {

display: none

}

.instagram_profile {

display: none

}

.instagram_gallery {

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-flex-direction: row;

-ms-flex-direction: row;

flex-direction: row;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

-webkit-justify-content: space-between;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-flex-flow:row wrap;

-ms-flex-flow:row wrap;

flex-flow:row wrap;

}

//controler le nombre d'image par row avec le %

.instagram_gallery a {

width: 33.33% !important;

}

.instagram_gallery a img {

width: 98%!important;

display: block;

height: auto;

}

</style>

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.