If you have an error in the text, please copy it, as I am using a translator.
In the tests I did here, using the jet’s CCT didn’t work very well for me, so I continued with CPT.
With CPT I found an annoying problem, I had a problem and probably you will too, when using jet’s listing grid it applies the css style up to item 10 of the list then it does not apply the bricks css, you can see this in the print that I put, I put 3 buttons with the same formatting, but applying different css in the 3, btn_1 I formatted with the bricks visual css, btn_2 I formatted with the css root{} in the element and the btn_3 is stylized with the winden that is tailwindcss and in this btn_3 it applies the styles without problem you can see this in the image, I don’t know why the bricks css doesn’t apply after the 10th item in the list, but here it is, and how winden generates a separate css file can be the reason to apply the css on the element perfectly.
But in the tests I did here, I noticed that when using the listing grid as a horizontal scroll, this css problem does not happen, but if you use it in grid form, you will have this problem that I mentioned, I hope that the bricks people solve this, they solve this problem you can use the normal listing grid.
Another point, if you use a jet listing grid with the bricks loop you will have the same problem, but instead of not applying the css it breaks the style of the item, so I don’t recommend it either.
What worked as a grid system with the CPT was the bricks loop, the downside is that the bricks loop doesn’t have a horizontal scrolling system like the listing grid if it did it would be perfect in all cases.
This problem I had with CPT, so if you have a problem with CSS it may be that you are not applying the styles and you think you are doing it wrong.
Another point I noticed was that using bricks image and text works as well as dynamic img, link and text, the issue is that when editing on the linting grid page they may not appear, but on the front they pull the data.
What I recommend you, 1) Use CPT if possible at least for now. 2) If you are not going to use listing with horizontal scroll use the bricks loop itself that will be better and the bricks loop is also working with the jetfilter so you will not have a problem with it, until bricks launches the filter system the jetfilter should hold the bar .
Another thing I recommend, if you create a form for your users to create, edit a post, use the Bricksforge pro form, it’s amazing and complete, I was using the jetform, but the bricksforge pro form I found much better, for me it doesn’t even compare and it might be good for you.
I made the card you showed very easy using CPT, and using winden, better if bricks used tailwindcss already by default, you could copy any interface easily, but I think brikcs developers won’t do this, so just buying winden like I did and I recommend it.
I recorded the screen here so you can see how your card that I made with some variations working with CPT turned out. The listing that has horizontal scrolling is with the jet’s linting grid and the other listings that are in the grid were made only with the bricks loop.
link video:Dropbox - 20230813094110.mp4 - Simplify your life
I hope I clarified something, and I hope you can solve your problem.
