[Screenshot 2021-04-14 at 13.52.51] I am close to a design on my app and was wondering what magic could be used in CSS to make this type of design work? top is easy - no CSS, it is just an image 1:1 the middle bit is an inline list — I have a multilingual app so EITHER I need to make the images…

The blue and green options are images in an inline list? or are tiles edited with CSS?

That is the choice - right now in the app I am playing around with images for the inline list (no illustration or text on yet). I can make cloudinary URL that can have overlay images and text - e.g. https://res.cloudinary.com/di8rh54am/image/fetch/l_text:roboto_15:Small%20text%20here,co_black,g_wes…

@Robert_Petitto did something with card layouts, is in the beautiful design app thread and it looks just like that. If I’m not wrong it was something to do with doulas, right Robert?

Another thing I am wondering in CSS - I found some CSS to change ALL button colors… but how does it work to change specific button colors (or look) - e.g. on this screen here: [Screenshot 2021-04-14 at 15.05.54] I would like the bottom set to be ‘as normal’ and the buttons below the Services to l…

[image] Mark_Turrell: I can make cloudinary URL that can have overlay images and text - e.g. https://res.cloudinary.com/di8rh54am/image/fetch/l_text:roboto_15:Small%20text%20here,co_black,g_west,x_220,y_5/l_text:roboto_25:Take%20a%20Test,co_black,g_west,x_220,y_-30/https://storage.googleapis.com…

I have just about managed to get it working - it is a very elegant way of doing things, extremely flexible :slight_smile:

[image] Beautiful Design App Project Showcase Beautiful “Our Team” screen with Card View CSS transformation: [Screen Shot 2020-11-17 at 10.13.30 PM] <pre><span><style> [data-test="card-item"] { width: 40%; overflow: visible; margin-left: 20px; margin-bottom: 20px; box-sh…

Just needed a couple of template columns, with a little bit of Cloudinary magic :wink: English: [Screen Shot 2021-04-15 at 1.25.59 AM] German: [Screen Shot 2021-04-15 at 1.25.43 AM]

And the functionallity is an action when clicking the image right?

Doable in CSS?

Ask for Help

Darren_Murphy April 14, 2021, 5:39pm 10

Just needed a couple of template columns, with a little bit of Cloudinary magic

English:
Screen Shot 2021-04-15 at 1.25.59 AM

German:
Screen Shot 2021-04-15 at 1.25.43 AM

Juxtaposing two images in Cloudinary

Topic		Replies	Views
Tell Glide how you use CSS General	128	18235	December 27, 2022
The CSS I am using these days Ask for Help	34	2985	September 28, 2021
Create Background with CSS Ask for Help	48	8566	March 28, 2024
Beautiful Design App Project Showcase	818	37696	November 16, 2021
Arrange compact inline list into a single line with CSS Ask for Help	8	937	December 5, 2021

Doable in CSS?

Related topics