# CSS question - same container size but one is bigger

**URL:** <https://forum.codewithmosh.com/t/css-question-same-container-size-but-one-is-bigger/23661>\
**Category:** HTML/CSS\
**Created:** [November 15, 2023, 6:38pm UTC](https://forum.codewithmosh.com/t/css-question-same-container-size-but-one-is-bigger/23661 "2023-11-15T18:38:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![51WevDec](https://avatars.discourse-cdn.com/v4/letter/5/9dc877/32.png) [@51WevDec](https://forum.codewithmosh.com/u/51WevDec)\
**Post date:** [November 15, 2023, 6:38pm UTC](https://forum.codewithmosh.com/t/css-question-same-container-size-but-one-is-bigger/23661/1 "2023-11-15T18:38:33Z")

</div>

Hi,

I recently did the practice exercise for the HTML and CSS Part 2, Transformations section. I compared my version of the code to Mosh’s and it seems that both “card” container elements are the same size according to the web-dev tools in Google, however, in the browser mine looks bigger.

The “card” container should be 500px wide. Mosh’s solution sets it with max-width and I set it to 100vw with the media query so it changes to 500px on bigger screens. They both render with 500px according to web-dev tools, however, mine looks bigger on the screen.  
Here is a screenshot of the web-dev tools.

If anyone knows why this happens, please let me know. Maybe it is something super simple and I can’t see it. Just bothers me. 🙂 Thank you so much!

 ![Capture](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/3/3fb7ae63df9db589050b585eeadb255e1be78fa2.jpeg)