# Exact same code different result

**URL:** <https://forum.codewithmosh.com/t/exact-same-code-different-result/21900>\
**Category:** HTML/CSS\
**Created:** [August 7, 2023, 2:16am UTC](https://forum.codewithmosh.com/t/exact-same-code-different-result/21900 "2023-08-07T02:16:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anthony](https://avatars.discourse-cdn.com/v4/letter/a/49beb7/32.png) [@Anthony](https://forum.codewithmosh.com/u/Anthony)\
**Post date:** [August 7, 2023, 2:16am UTC](https://forum.codewithmosh.com/t/exact-same-code-different-result/21900/1 "2023-08-07T02:16:49Z")

</div>

im on part 3 on the html css course and i was designing the hero section and he did a hero section or however you call it and it was for mobile cuz he started first to mobile then he did for @media screen and (min-width: 768px) and all that and when i extend it the font was smaller and everything was weird so then i went to the files and copied the same code still have the problem i have to add this extra code but i dont know if this would be good on a actual website @media screen and (min-width: 1024px) {

.hero\_\_heading {  
font-size: 12rem;  
margin-bottom: 0;  
}  
.hero\_\_content {  
margin-left: 1.8rem;  
}

.hero\_\_tagline {  
font-size: 3rem;  
margin: 3.5rem 0 7rem;  
}

.hero–button {  
font-size: 2.3rem;  
padding: 3rem;  
padding-right: 10rem;  
padding-left: 10rem;  
}  
}

> **[Screenshot](https://prnt.sc/so2DyPMRUmyV)**
>
> Captured with Lightshot

Mine ^ and

> **[Screenshot](https://prnt.sc/7s2VplfqBfPK)**
>
> Captured with Lightshot

his