 Right, so I got quite a lot done at Blink on in between all the talks and chatting to everybody else and all that stuff So this is just me wanting to kind of catch you up to where I've actually got to by this point which is mostly that a lot of the very basic styling is in place and I think I mentioned right at the start that I will design desktop first and then build mobile first so What I tend to do when I'm actually building you sit on screen I do have a little bit more work to do around this But you know, this is what it is at the moment Yeah, I actually quite like working this way just because I find it pretty fast You can use the the responsive the div like the device toolbar and responsive mode in that I actually find that I get on pretty well We're just dragging the the window out in and out and I will start with the 320 normally Because that tends to be the size of an iPhone and that's where I tend to start and Basically drag out until it breaks and then add in a break point You'll probably see there are a couple of specific break There's one break point there where we go from the new releases go from being a two by two grid to four by one grid and the Descriptions start to appear just beneath. That's a bit tight. Isn't it actually? Nonetheless, it works. It's just about there just about okay And you see as well that this a little bit of sort of marketing e-type blurb that I added in is also We go whoop. There we go. That switch is there as well So I just basically work have been working my way through the break points and just kind of going. Yeah, that looks about right Yeah, that looks not so good or whatever The other thing that's pretty cool is the the color scheme stuff I mean I mentioned this before that I was gonna I had there the code that did the median cut Yeah, if you haven't seen that I think that was number three Entry number three feel like it was three. Maybe it's two three two three three, okay? If I let me just grab my style and if I say text content on the style You can see here that I actually have a lot of inline styles for the home page I should say that just for the home page because When you hit the home page I want to make sure that The styles are ready to go really quickly because that's where I think most people are gonna land on the site For the other pages. I actually put the styles in as a link But for the home page I do it in line so that it gets there pretty fast And I've there's a difference between what's sent in line just for the home page And what I put for the whole app or chunks of the app into the links But it's it is our way to do it So you see anyway, I've got a lot of setup styles here That's just designed to get you up and running really quickly, but at the end of that and DevTools doesn't show it Actually it it it truncates if you see here puts like the ellipses dot dot dot So you actually ask for the text content. You can see here I bake out the primary color As as background as color and I do the same for the light color a secondary color tertiary color and a quaternary And those come from that code the median The median cut code that I mentioned in that previous episode So I'm baking those into the page and then when it's something like The title here I can say that the title should be the primary light color as a class now I would have much preferred to use custom CSS variables, you know, like and be like dash dash Primary color and then just set that in the CSS based off, you know, what I perceive these to be I can't do that because they're not supported everywhere and they're not Easily polyfield as I understand but in any case it felt like I just couldn't quite get there to use them yet So that's why if you're wondering why I've not Popped it in as a CSS variable. That's why just because compact mostly And that's it really So as I say, oh, yeah, there's this little bit of little bit of a thing going on here when you roll over these images I just do a little bit of a scale and there's a little shadow that pops out just beneath That's a pseudo element that I just fade and slide down That's it a bit of opacity and a bit of transform. You've heard me say it probably Too many times But I feel like you can never say it too many times Except for when I say it too many times that if you stick to transform and opacity Performance will be pretty good. I have a little transform and opacity thing. Let me just refresh this watch there the poster image here They will fade and zoom fade and zoom opacity and transform scale and opacity I think you know nice little touches like that I think on you know, they're fun to add and they add quite a lot of life to what you're building But just showing you the colors thing if I go to this one, you see that it's picked out the purple colors Which is not a surprise when you look at that photo, is it? And I have way more to do here because all I've got the moment is the description. There should be the Make available offline. We should have Being able to to crone cast all sorts of things So I've got loads of work to do but they kind of very very basic styling is now in place Which is fabulous. So take a look around the code will link to it in the description below and I'll catch you Well next time won't it? Hey? Yeah Brilliant I'm gonna stop talking now. How many times gonna sign off this video one more. Yes to Lou Hey folks, thanks for watching Don't forget that there is more content that you can find kind of over here ish and if you want to subscribe There's probably a button. Oh, maybe there maybe somewhere around there click that if you've not done that brilliant