Hi can I ask some help please, I have button groups and I want to toggle grid view and list view, my problem is that I can’t make the gridview to listview
You’d have to use css grid for that section as you changed the order of the items and although you can change order in flexbox you can’t stack things in a different way like that.
So that says that the column all down the left is called ‘info’ and then the column on the right is split between ‘price’ on the top and ‘buttons’ on the bottom. These are names that I just made up.
Now with tha in place you can just drop content into those areas and it will work automatically in the flow of the document.
That puts the price div over to the top right even though the html was nowhere near there. That’s the beauty of CSS grid as you can drop content into specified places without removing it from the flow as such.
Can I ask some help please, is it possible to not to have space between the Price and Button “Add to cart Button” ? because If I have longer description it will also add additional extra space between the price and the button.
It works, I also add margin-bottom for my buttons so that it will push up the price up and it will align to description but I have problem if my description is short it will not align.
The margin-bottom:80px is nonsense as it just creates extra space and breaks everything
You just need to align things to the top if that’s what you want?
Set the grid-tempate-rows property and then you can set the top space to collapse and then the price and button will sit together at the top. Remove the end alignment as my example had everything aligned to the bottom.
Surely saying “thank you” to people who have replied to your question is good manners, rather than fluff. Of course you can use the “like” button instead or as well, but let’s not squeeze the humanity out of the forums.