How to refactor Flutter widgets

and refactor widgets as separate classes, … and the reason why we're doing this … is because as our apps get more and more complex. … It makes sense to take parts of it that are repeated … in the widget tree and remove them. … So that we can consolidate them into a single widget … and then we can simply use that widget … or the text we're first going to create the cards … that will be the background for each of those areas, … so we're aiming for something that looks a bit like this. … Let's start off by building a single one … of these cards first. … I'm going to go ahead and delete everything … that's in the body of my scaffold. … Because I don't actually need any of the text … and instead what I want to have here … is a container, now my container is going to have … a background color, and it's going to be the color … that we see in this design right here, … and I've already extracted the hex code, … so if you want to simply add it it's just a color … that is 0xff and then it's 1D1E33 and now we should have …