![]() ![]() ie* … grid=yes space_between_posts= colmn_width= …Īdd the CSS below the photo to the Custom CSS box on the Settings page of our plugin. Leave the attributes, just remove the values. By default, Tailwind provides a column count scale from 1-12 as well as a column t-shirt scale from 3xs-7xl. The first thing you want to do is remove the value for colm_width= and spacing_between_posts= values in your shortcode. This will work for the Facebook Feed Grid, Twitter Grid or Combined Feed format. Here I have created a Responsive Layout using CSS Grid. You can of course adjust the values below or add some to make it work for you. CSS Grid arranges the columns of the website according to the screen size of the device. When the browser gets to around 960px in width it will give you 2 posts in a row, and when it goes below 640px it will show the posts 1 in a row, which usually happens on mobile devices or small widgets. ![]() ![]() There are five grid tiers, one for each responsive breakpoint: all breakpoints (extra small), small. Its built with flexbox and is fully responsive. This css will give you 3 posts on a row that are fully responsive. The number of columns can be customized using CSS. Bootstraps grid system uses a series of containers, rows, and columns to layout and align content. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |