For the wrong combination screen, it's all going to be a really simple. So click on search filters, right click, use guides, copy guides, right click paste guides, because we're going to use the same guides, click right here on the close icon Ctrl C Ctrl V right here, and then we're going to use this back arrow Ctrl C. Jumping inside, click right here, Control V, and we're going to move it like so. So to this left edge, and this left guide, and we want to line it up with our close icon. So I can do it like this. Make sure it's 20 pixels from the top. And finally, we are going to delete our close icon.

So it's really simple. You just move these elements around and use them as they are. So we are going to do the same for the filter. So Ctrl C Ctrl V right here. Make sure it's four pixels down. So 1234 Double click right here, we're going to type in living room, because this room is going to be our living room Ctrl D, and make another copy.

And right here we're going to write in products use, like so, because now we're going to create a card, which we're going to display our products which are used inside of this room combination. So now we're going to create a background. So use a rectangle, remove the border, and for the color, we're going to use this eB eB color. And we're going to use five for the corner radius. And for the dimensions let's use 310 with 180 for example, we are going to put it so for example 40 pixels down like so 1234. And we're going to use 20 pixels up for this text.

So one, two. Next up, we need some text. So let's quickly jump into here. Select these texts Ctrl C jumping right here Ctrl V, and you can place them right here. What we want is to create a name for the product. So name and double click right here, and it's going to be our price.

So for example, let's just use 24 for now. Next up, we can use these circles. So Ctrl C, close all of this up Ctrl V, and just simply positioned circle right here. And what we want is, let's use this one for the first one, Ctrl D, and maybe 20 pixels, Ctrl D, maybe 20 pixels, split this, and I simply want to create some different colors. So let's use some brownish color, like so maybe. And finally, for this one, let's use some reddish color so maybe like this.

Yeah, I think it looks good. And what we want is to paste them out evenly. So position like this, shift one, two, and do the same for the price. So, shift one two down, and then you can select all of them. So you can select all the circles Ctrl G, select the background and simply do like this so you can position them right in the middle. Now, you can double click right here and type in info for example, because that is the basic information about our product.

So we're going to type in column three, move it down, this is going to be quality one. This is going to be column two. And finally, we're going to put in name right here, price down below as you can see just how it's ordered. This is going to be bg. So or you can call it card, BG if you want to maybe put in down line Like this. And finally, we're going to paste all of this down status bar at the top.

So back arrow is going to be just below status bar products use is going to be right here and living right here. So now that we have that, we just need a placeholder for our image. And to do that, you can simply duplicate this. So duplicate card PG topic right here, type in image. And you can choose white color, like so. And for the dimensions, let's use 140 with 162 presenter, and we're going to position it in middle like this and maybe move it 10 pixels like this.

So now that we have our cart, we can group all of this up. So Ctrl G, type in card, one, and Ctrl D and you can move the discard if you want to. So moving Like so make sure they line up and do shift right arrow twice so that you have 20 pixels apart. Now this is going to be card two, and this screen is finished. So now we're going to use when we start designing this screen, we're going to use a background image to fill in the entirety of the screen. And we're going to use separate products inside of these images.

These are going to be names of the products inside of the images, and the prices as well as the colors. And people can click right here and it'll take them to the selected item, if they want to. And from then on, they can add it to cart if they so choose. So in the next video, we're going to design selected item and selected item adjusted screens because they're basically to have the exact same screen and they have just a few different elements between them. So I'll see you there.