HTML and CSS

[big1oot]

Hello. I wrote an html code for a clone website, but I noticed that when executed with the browser, there is an issue. When the screen is reduced to a particular width, it begins to leave some elements out of the page. Can someone help me check what the issue is please?

[jaja samuel (samueljaja00)]

How do I help

…

On Mon, 5 Aug 2024, 12:57 pm big1oot, ***@***.***> wrote: Hello. I wrote an html code for a clone website, but I noticed that when executed with the browser, there is an issue. When the screen is reduced to a particular width, it begins to leave some elements out of the page. Can someone help me check what the issue is please? — Reply to this email directly, view it on GitHub <#1309>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMICBU3NYU26QVSQYR5NYJ3ZP5SCNAVCNFSM6AAAAABMAETE6OVHI2DSMVQWIX3LMV43ERDJONRXK43TNFXW4OZXGAYTIMRWGQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[big1oot]

I don't know if it is possible for me to send you my code so you look through it and tell me where the problem lies. I'm kinda new to github, sorry.

[joanaquaicoe2-cmyk]

Okay I am too may be we should join a group to help us and our expenses

[bhavishya plawat (bhavishyaPlawat)]

Hello. I wrote an html code for a clone website, but I noticed that when executed with the browser, there is an issue. When the screen is reduced to a particular width, it begins to leave some elements out of the page. Can someone help me check what the issue is please?

write a query pattern in css for the same , this happens coz you haven't told the website what to do when screen in small for example see my flipkart clone , the Nav bar gets changed when reduced to certain length mostly done for 3 screens ,laptop,tab and mobile

[bhavishya plawat (bhavishyaPlawat)]

maybe you are using pixelss frequenty for setting width and height ,try using vh,vw
else upload the code let me see and try to fix, maybe i can help

[big1oot]

oh... uhm okay, i will check that, thank you.

[big1oot]

Do i just paste the code here, or how do i do that please? Thank you.

[bhavishya plawat (bhavishyaPlawat)]

make new repository on github
or search from youtube else paste the code i'll check

[joanaquaicoe2-cmyk]

Guys am just lost please help a friend please 🙏😊😊

[acquahinc]

Have you been able to sort it out?

[big1oot]

not yet please

[Akash Gite (Akashgite1)]

It sounds like you might be dealing with a responsive design issue. When elements are being cut off or not fitting properly within a reduced screen width, it’s often due to how CSS styles are being applied.

Here are a few common causes and solutions:

Fixed Widths: If elements have a fixed width (e.g., width: 600px), they might not fit well on smaller screens. Consider using relative units like percentages (width: 100%) or flexible layouts (e.g., using flexbox or grid).

Overflow: Check if any parent elements have overflow: hidden or overflow: auto, which might be clipping child elements. Ensure that your container elements can adapt to the size of their content.

Media Queries: Make sure you’re using media queries to adjust styles for different screen sizes. For example:

media (max-width: 768px) {
.element {
width: 100%;
font-size: smaller;
}
}

Box Model: Ensure padding and borders are properly accounted for. Sometimes, the total width of an element might exceed its container’s width due to padding or borders.

Viewport Meta Tag: If you’re working with responsive design, make sure you have the viewport meta tag in your HTML :
html

If you can provide more details or a snippet of your code, I might be able to offer more specific advice.

[big1oot]

omg, thank you so much, it worked. The issue was with the fixed width that i set. Thank you again. Have agreat day.

[Suryakanta Malik (Suryakanta311)]

Use object-fit property in css and see what happen

[Suryakanta Malik (Suryakanta311)]

Hello. I wrote an html code for a clone website, but I noticed that when executed with the browser, there is an issue. When the screen is reduced to a particular width, it begins to leave some elements out of the page. Can someone help me check what the issue is please?

Bro uss vw insted of px

[joanaquaicoe2-cmyk]

at least you have done something what about me help me to drop something

[John nathan (Nathan4508)]

Hello, The problem is probably due to the lack of responsive design in your HTML and CSS code. big1oot

[Suryakanta Malik (Suryakanta311)]

Use vh and vw in size stuff

[Batuhan (bbelbuken)]

be careful for fixed widths, absolute poisitioning. Instead use %, vw, rem, or flex/grid.

[FaraiAshley]

Hello my name is Ashley Masvosva on which page i can submit my assigments.l am new to this course

[FaraiAshley]

Hie my name is Ashley Masvosva.Where can i submit my assigments.l am new to this course

[Hamdan (HamdanOM)]

Try Using Flexbox instead of fixed width and heights. Flexbox is a method to align items how you want without using fixed pixels for it. It may need some padding and margin, but that's it. It also makes it 10 times easier

[PANKAJ KUMAR DAS (Pankajdas0025)]

It sounds like your layout isn’t fully responsive. This usually happens when some elements have fixed widths, no flex-wrap, or missing media queries.

Try checking these things:

Make sure your containers use width: 100% instead of fixed pixel widths.

If you’re using flexbox, add flex-wrap: wrap; so items don’t overflow.

Add media queries to adjust font sizes, images, and sections for smaller screens.

Also check if any image or div is larger than the viewport — that often pushes the layout out.

[joanaquaicoe2-cmyk]

Hello please am new here please help me I want technology related stuff please help a friend I need I really need much help from people to help my experience

[joanaquaicoe2-cmyk]

Please thank you so much but please is there any way you can help me please 🤗 0553757458 Watt app please help me

[PANKAJ KUMAR DAS (Pankajdas0025)]

How I can help you

…

On Wed, 18 Feb 2026, 2:42 am joanaquaicoe2-cmyk, ***@***.***> wrote: Hello please am new here please help me I want technology related stuff please help a friend I need I really need much help from people to help my experience — Reply to this email directly, view it on GitHub <#1309 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BLI42Y7QX3KIYYNOBJJJHCT4MN72JAVCNFSM6AAAAABZS3JQDCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTKOBUGAZTKMY> . You are receiving this because you commented.Message ID: <microsoft/Web-Dev-For-Beginners/repo-discussions/1309/comments/15840353@ github.com>

[joanaquaicoe2-cmyk]

Please I want to learn technology related stuff but I don't have much maybe you can start with the basics Thank you sooooooo much fam 🥺

[joanaquaicoe2-cmyk]

Thank you so much for your reply I so sorry I just saw this please is there anyway you can help me On Wed, Feb 18, 2026, 2:55 AM PANKAJ KUMAR DAS ***@***.***> wrote:

…

How I can help you On Wed, 18 Feb 2026, 2:42 am joanaquaicoe2-cmyk, ***@***.***> wrote: > Hello please am new here please help me I want technology related stuff > please help a friend I need I really need much help from people to help my > experience > > — > Reply to this email directly, view it on GitHub > < #1309 (reply in thread)>, > or unsubscribe > < https://github.com/notifications/unsubscribe-auth/BLI42Y7QX3KIYYNOBJJJHCT4MN72JAVCNFSM6AAAAABZS3JQDCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTKOBUGAZTKMY> > . > You are receiving this because you commented.Message ID: > <microsoft/Web-Dev-For-Beginners/repo-discussions/1309/comments/15840353@ > github.com> > — Reply to this email directly, view it on GitHub <#1309 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/B6PGQXILGZIGX27FBMGDRJT4MPIALAVCNFSM6AAAAABZS3JQDCVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTKOBUGI2DEMA> . You are receiving this because you commented.Message ID: <microsoft/Web-Dev-For-Beginners/repo-discussions/1309/comments/15842420@ github.com>

[Gantavya Bansal (bgantavya)]

Hi joanaquaicoe2-cmyk,
refer freecodecamp YouTube (@youtube)
or use my repo webdev it starts from basic html to building a fullstack app