# Assessment needed for fundamental layout comprehension

**URL:** <https://discourse.mozilla.org/t/assessment-needed-for-fundamental-layout-comprehension/63245>\
**Category:** Learn\
**Created:** [July 6, 2020, 3:49am UTC](https://discourse.mozilla.org/t/assessment-needed-for-fundamental-layout-comprehension/63245 "2020-07-06T03:49:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![akshay1](https://avatars.discourse-cdn.com/v4/letter/a/bb73d2/32.png) [@akshay1](https://discourse.mozilla.org/u/akshay1)\
**Post date:** [July 6, 2020, 3:49am UTC](https://discourse.mozilla.org/t/assessment-needed-for-fundamental-layout-comprehension/63245/1 "2020-07-06T03:49:59Z")

</div>

Hello,  
Tried to use media query to make it look good for mobile.  
[codepen](https://codepen.io/agkosd/pen/PoZQdOJ)  
Is this approach correct ?  
Code starts below the comment(my code)

Thankyou and have a great day

---

<div class="post-metadata">

**Author:** ![chrisdavidmills](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/chrisdavidmills/32/21688_2.png) [@chrisdavidmills](https://discourse.mozilla.org/u/chrisdavidmills)\
**Post date:** [July 6, 2020, 8:45am UTC](https://discourse.mozilla.org/t/assessment-needed-for-fundamental-layout-comprehension/63245/2 "2020-07-06T08:45:34Z")

</div>

Hi there @akshay1!

I’ve had a look over your code, and this is a really good solution, well done! You cna see our finished version and marking guide here: [https://github.com/mdn/learning-area/tree/master/css/css-layout/fundamental-layout-comprehension-finish](https://github.com/mdn/learning-area/tree/master/css/css-layout/fundamental-layout-comprehension-finish)

Feel free to compare yours to ours, to see what diffrences there are.