Blank vertical column/space to the right on ipad mode [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am in the process of creating this website
if you open developer mode on chrome and change to ipad there is blank column to the extreme right that runs throughout the page. I have no idea whats causing that break and i want to get rid if the space. All I can see is there is a border:box property from reboot.scss. bootsrap 4 is used in this development
any pointers will be much appeciated

Just add
html, body {
overflow-x: hidden;
}

Since you have overflowing/long link to the mail, it is taking up the area. If you use word-break for the same it works, depends on how you want to handle it.

Related

Sections partially overlapping [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 days ago.
Improve this question
In the picture you can see that part of "Schedule" is overlapping "Networking session". How do I stop this? It appears fine on computer screens but it appears like this on my phone. I do have different code written for screens with widths less than 415px.
what it looks like when one opens the website. Note the available space at the bottom of the table
At first, only the "schedule" would appear without the background. So I added position: relative but it still didn't work. How do I solve this problem? Any help will be appreciated.
[what it looks like after I added display: relative]
(https://i.stack.imgur.com/l5d81.png)

Claimed to be the same height but doesn't seem to be [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 11 months ago.
Improve this question
Difference between the headers
The website's header
My header
Can anyone please tell me what is the thing that is probably making this happen?
This is my span's style
This is the website's span's style
Edit: I tried to make the headers of stack overflow and facebook, I did not have the same problem, but I need to know why this website is like this.
Well it is the same, but the page is just resized. If both browser windows were the same size, they would be the same. The difference is very slight anyway.

Responsive website works fine on Firefox responsive mode, not working on Chrome Mobile or trough broswers like Instagram and Facebook ones [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I am using vanila Css and having sucsess on the mobile Firfox broswer but a a problem occuring using Chrome broswer.
Here is the link.
Man i could not fixed. removing the footer which is fixed only partly solves the problem the right blank white
There is a "#footerTxt" element in the "#footer", you may modify it's css. If you remove the 'width' from it, the view is will normalizing (white space will remove from the right side).
You need to change/modify this "#footerTxt width" property.

Every image take 1 line [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I know it is not a very serious issue but I do not know how to solve it. Every picture takes 1 line in post so it takes a lot of space. How can I fix it?
GitHub Code
CSS
.media {
display: inline;
}
This is how it looks :
You can play with display CSS property on the img tag.
This property will change the way that images are display.
I recommend you to play with it in your browser, for example Chrome, which have a good console and autocomplete to show you all display values available.

Why is none of my CSS working? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
So my layout (a club layout designed for a particular part of a website) was working fine, and then I added a background image and none of the stylesheet has worked at all. I've read over it like 5 times and cant see the error myself it may be something so simple and probably a complete rookie error but help would be much appreciated!
http://collabedit.com/98yhh - The Code
http://www.marasites.com/?name=iSell&page=divinitynewlayout - Live Site
Oh and ignore the extra CSS that isnt being used yet about to implement and fix all that up. Thanks!
You cannot have a new line after your first quotation. Keep it in one line.
background-image: url("http://i.imgur.com/lfnb83g.jpg");
Move
background-image: url("http://i.imgur.com/lfnb83g.jpg");
On to one line and it works fine!