How could I avoid blank spaces in webpage? Unable to solve - css

Good afternoon,
Please could somebody help me in how to avoid the blank space that I have in my website. Thanks in advance for supporting. See website: https://total-manufacturing.com/. Please choose language Español in case automatically goes to English.
Image of the blank space

That´s because the height of the cars are diferents, the title of the first one has two lines but the other has only one, what you can do is wrap each 3 col-md-4 into a row, this will solve your problem, other solution is give a height to .post-title, about 50 more or less, this will do all cards will have same height and will resolve your problem

Related

Typo3 with Bootstrap package: How to change the padding of main content column

I am administrating the homepage of our local sports club which can be found under svwalddorf.de
The page runs with typo3 10.4.22 with bootstrap package 11.0.3.
The basic template of bootstrap leaves a lot of empty space on each side of the centered content area
On our site this currently looks like this. (unfortunately not allowed to include images yet)
While this looks pretty nice, it wastes a lot of space. Therefore, I would like to change the size of the padding areas (marked red) to have more room for content.
I am pretty sure that I just need to find the right line in the correct css file. After all, the grey carousel element near the top uses the entire width. I just do not know what to look for.
Can someone point me in the right direction?
Thank you very much in advance!

2 questions- aside with inline block & responsive content

I hope that someone here can help me resolve an <aside> element. I've been researching multiple sites with no success. I have tried a number of different scenarios to pull the aside up alongside the page div, but for some reason it won't move.
There are two codepen elements which you can look at to see the full code
http://codepen.io/Cornucopia/pen/PNwxLZ?editors=1100
http://codepen.io/Cornucopia/pen/YqXpEr?editors=1100
A second question I have is why the first pen shows both the longer title name (one with 'and' and the shorter with '&') while the second one is successful at switching the title text for the larger layout. (I want one shorter title for ipad & one longer title for monitor)
I thank you in advance very much for your time and look forward to hearing your thoughts.
good day

Foundation .large9 and columns

I'm using foundation to build a website.
And i have some problem with the nativ foundation columns system.
When i'm over 1047px width it's working but when i'm going under it the columns go full width. I can't get why and i'm sure it's pretty simple !
This i a website i'm currently working for school.
http://www.papaa.ch/tpi/bmpc.html
It occur on thoses pages at the moment. Some help would be lovely. I've searched around but i can't find a solution.
Thanks in advance !
Use small-9 columns, that will give you the same layout regardless of the browser width. Right now you are only specifying 9 columns for large displays so when you get to the "medium" or "small" breakpoints they are defaulting back to 12 columns.
edit you will also want to change large-centered to small-centered to make sure the columns stay centered.

why does it jump to another line?

hereis the link: http://eec.github.com/book/
The pictures jump to the second line after 2 picture is showed up.
I know float:left could solve the problem instantly, but I just don't understand why the pictures are arranged like this?
Who can tell me why? Thanks ahead!
The next 6 links (after the first 2) don't have whitespace between them, so they can't wrap.
If it helps, images behave as letters in words, so these 6 images basically are in the same "word". The browser doesn't break inside words.
because there is whitespace after the first and second a.
Your current: http://jsfiddle.net/Sotiris/Qwk4M
Fixed: http://jsfiddle.net/Sotiris/Qwk4M/1/

Make the "body size" bigger

So I'm sorta new to CSS and Drupal, and I am trying to figure out a way to make the body be a minimum size. Here, you can take a look at the site I have at http://raptorshop.com
As you can see, the footer is huge and takes up half the screen. Would I just insert a box of sorts (maybe a wrapper?) and make it a minimum size, and put it in the middle?
Any ideas appreciated.
minimum is min-font-size
btw the link you provide seems like just to your host maybe ?
Nevermind, found the "min-height" thing.

Resources