Mr Keithy
KPCKevin Powell - Community
•Created by Mr Keithy on 5/15/2024 in #front-end
Subgrid row min height effected by parent row gap
Hi everyone, I have been getting to know subgrid, by setting up some cards. I have a date field in its own row, as it is a single line and the font is small, depending where it is in the order on the card, it takes the height of the parent row gap, even when this is over ridden with a gap of zero on the subgrid. So my parent row gap is 2rem, and my subgrid for now is a gap of zero, my font for the date field is 1rem, i get 1rem of white space under it. If I switch off the parent gap or set it to 0, then the row in the subgrid takes the height of the content. If the content of the row is greater then the row gap, this is not an issue. If the item is the last item in the row, it is also not effected buy this even if the content is less than the parent row gap. You can see this here https://codepen.io/tonkotsuboy/pen/LYexpZp. If you move the UL up to above the paragraph on each card, the issue presents itself, but when its the last item its fine. I think this is a bug with subgrid, but would greatly appreciate some other POVs as i would love to use subgrid, but right now this is a block. If anyone else has seen this and overcome it, i would love to know how too. Thanks
1 replies
KPCKevin Powell - Community
•Created by Mr Keithy on 4/20/2024 in #os-and-tools
HTML & CSS Class Hints in PHP Wordpress Theme Files
Hi I would like to start using VSC instead of brackets to devlope a wordpress theme, but I have hit a snag which is kind of annoying. (I apologise in advance if I'm not using the right terminology here) In brackets if I start to type div , it would give me a suggestion of that, i could select it and it would fill in the rest, not that i bother with 3 charaters, but then i would type class and it would fill out the complete syntax (class=") then I could type the first latter of a class in my css sheets and it would give suggestions. This was very userfull. In VSC, this works the same in html files, but php files are different, it wont work unless I put a space in after selecting class. If I dont, and just start typing a class name, it wont bring up the list, I have to hit space and it will work, alterntively, I dont select class from the list and type it out manually, as soon as i hit (") after the (=), it workd, but either way it wont work like it does in brackets. This slows me down. Best I can tell, it may be the combination of extensions I am using, but I could only get html hints work in php with PHP Intelephense. Any other one I tried, they wont work at all. Is anyone else creating themes for wordpress in VSC and having this issue? Again applogise if i am not using the right terminology, I've tried googling this and it's failed me, maybe it's because I'm using incorrect terminology, but I'm not a trained developer. I just like messing around with CSS and WordPress files and creating WordPress themes. I came across Kevin the other day on youtube and now learning a lot of cool new stuff, so much so, I think for CSS VSC seems to be the way to go, but the above issue just niggles me.
1 replies