# How to replicate a design, shrink a logo, use an image carousel

**URL:** https://community.glideapps.com/t/how-to-replicate-a-design-shrink-a-logo-use-an-image-carousel/49567
**Category:** Ask for Help
**Created:** [September 18, 2022, 10:42am UTC](https://community.glideapps.com/t/how-to-replicate-a-design-shrink-a-logo-use-an-image-carousel/49567 "2022-09-18T10:42:01Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Marcus1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marcus1/32/47961_2.png) [@Marcus1](https://community.glideapps.com/u/Marcus1)
#### Post date: [September 18, 2022, 10:42am UTC](https://community.glideapps.com/t/how-to-replicate-a-design-shrink-a-logo-use-an-image-carousel/49567/1 "2022-09-18T10:42:01Z")

</div>

Hey there all!

I’m trying to replicate this design (which I put together with no code in Retool, but want to use a no code app if I can to not need a devs help for the functionality):

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/0/0098958ec4062a03e2dd7d3b2e5be0b62fb4d85c.jpeg)

Issue I’m having is, I don’t even know how to resize my logo, make changes to layout/ button width, change the colour of headings or buttons or how to convert images into a carousel. The other thing I’d want to do is have some of the text vary depending on what someone adds to their ordere (i.e. to have that text field read the DB and show what’s in their order). I’m not sure if any of this stuff is possible so thought best to ask!

Anyone that can offer guidance would be more than appreciated 🙂

This is where I’ve gotten it to:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/0/40ab24f63fc9e221b5f1618c6a4dd82c6f7c6be0.jpeg)

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [September 18, 2022, 11:11am UTC](https://community.glideapps.com/t/how-to-replicate-a-design-shrink-a-logo-use-an-image-carousel/49567/2 "2022-09-18T11:11:05Z")

</div>

To get an image in the tab header, you would need to use CSS. The following might give you a start:

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=d9c1f083d89f401b9a31490c7f62c480&p=b40a74ce72374493bf9685c20032a47e&pm=s)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

To create an image carousel, you need an array of images, and use that as the target for an image component. There are several ways to create an array of images.

- with [Google Sheets](https://www.glideapps.com/docs/reference/basic-columns/array-columns)
- with a [MakeArray](https://www.glideapps.com/docs/reference/computed-columns/make-array) column
- with a [Lookup](https://www.glideapps.com/docs/reference/computed-columns/lookup-column) column via a [Multiple Relation](https://www.glideapps.com/docs/reference/computed-columns/relations#multiple-relations) or by targeting an entire column

---

<div class="post-metadata">

### Author: ![Marcus1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/marcus1/32/47961_2.png) [@Marcus1](https://community.glideapps.com/u/Marcus1)
#### Post date: [September 18, 2022, 11:20am UTC](https://community.glideapps.com/t/how-to-replicate-a-design-shrink-a-logo-use-an-image-carousel/49567/3 "2022-09-18T11:20:58Z")

</div>

Thanks very much for this Darren.

The other thing I’m wanting to do is, once a user picks their ‘style pack’ by clicking a button, I want them to be shown what’s included in their pack with a series of images showing what the items they can swap out with:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/999b10dfe8f3f0b80f604ee43ba05c88b7debafe.jpeg)

Not sure if this type of thing and these functions would be possible here.

For the carousel, I created a MakeArray column and placed 3 images into it, but I couldn’t see how to then have a carousel functioning in the actual app from this.

One other thing I’m unsure of is, if I’m building this design for mobiles, how to make it work/ look good when expanded onto a desktop (less important but good to put it out there!)

Cheers

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [September 18, 2022, 11:36am UTC](https://community.glideapps.com/t/how-to-replicate-a-design-shrink-a-logo-use-an-image-carousel/49567/4 "2022-09-18T11:36:17Z")

</div>

> [@Marcus1](#):
>
> For the carousel, I created a MakeArray column and placed 3 images into it, but I couldn’t see how to then have a carousel functioning in the actual app from this.

That should work. Can you show me how the MakeArray column is configured, as well as the screen image component?

> [@Marcus1](#):
>
> The other thing I’m wanting to do is, once a user picks their ‘style pack’ by clicking a button, I want them to be shown what’s included in their pack with a series of images showing what the items they can swap out with:

You don’t have a lot of design flexibility with Glide, unless you’re willing to get your hands dirty with CSS - which isn’t officially supported. I guess it’s a trade off for Glide’s ease of use and low entry barrier.

Functionally you should be able to get what you want, but getting it to look exactly like that might be a bit of a challenge.

For desktop, have you looked at Glide Pages? Although targeted at desktop, they are fully responsive and usually work equally well on mobile.
