Hi Jaheim! It's looking good so far. The link to the repo isn't working so I'm viewing your code through devtools. Good job on using flexbox on your ``

`` to center align it! You can use Flexbox and Grid for anything but in this context you can use it for the content as well. Right now you've got: ```

//Your content here

``` Right now it seems like there isn't a mobile layout but flexbox would help out a lot! I think it would help out a lot if you were to to wrap your ```` and your ``

`` in another div. Lets just call it card. ```

//Your content here

//card div

//container div ``` It looks like div soup for sure, but it opens up being able to use ``display: flex`` or ``display: grid`` on your

element. So for a mobile layout you can now use ``flex-direction: column`` or ``flex-direction: row`` for your card. For example since you went desktop first you can write your media query ``` @media(max-width: 340px) { .card { display: flex; flex-direction: column; } } ``` this way on smaller screens your

and your

are stacked on top of each other. For bigger screens you would do flex-direction: row. I apologize if I went on for too long. Hopefully it made sense and I didn't give you bad markup and css lmfao. Good job completing the challenge! You're on the right path

donovangg

All solutions

Advice generator app with a lil TS just a lil lol

Order Summary Component. Nothing special or cool lol

Product Preview Component

Single Prince Grid

Huddle Landing Page