Column Width

Submitted by kurt0123 on Thu, 2021-08-05 14:13

Hello,

am moving from column-count css to this code : Codepen

I use to have
max-width: 501px : 1 Column
min-width: 502px to max-width: 890px : 2 columns
min-width: 891px to max-width: 1200px : 3 Columns
min-width: 1201px : 4 Columns

with Max column width of 400px

How can I adjust the codepen to match the above ? P.S. Am a bit lost with the fraction.

Why does position sticky not work?

Submitted by speedbird522 on Sat, 2020-09-19 14:09

Hi guys,

If you click on "AC-brytare" there will be som content on the right.

I want this content (.tabcontent) to automatically scroll down using position: sticky;

How come it does not work?

Best, Anders

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style type="text/css">* {box-sizing: border-box}
 
<body> {font-family: "Lato", sans-serif;}
/* Style the tab */
.tab {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 40%;
height: 100%;
}

How come position sticky does not work?

Submitted by speedbird522 on Thu, 2020-09-17 00:20

Hi all,

How come position sticky does not work for .tabcontent?

If you press "AC-brytare" you can see some content on the right.

I would like .tabcontent (right) to follow down the page as the left menu scrolls.

Thanks,
Anders

* {box-sizing: border-box}

body {font-family: "Lato", sans-serif;}
/* Style the tab */
.tab {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 40%;
height: 100%;
}

Simple CSS positioning

Submitted by erwin94 on Tue, 2018-02-13 22:29

I need to fix two elements on a page.
The first element is an .svg image, this one need to be in the middle of the page, always!
The second element is a text line, this one need to be in the bottom/center of the page, always!

The page is ready, but the second element is in the wrong position, it is at the top of the page, but I want it at the bottom.

That's what I've done...

Download link
https://we.tl/yXVBUBObWM

Change position custom css wordpress site

Submitted by DinalOnline on Sun, 2016-12-18 14:29

Hi all,

Im pretty new to css, so I hope you can help.

On this website: https://dinal.online/restaurants/ I would like to change the position of the "Location" and "km" bars. I was them to be on the same row. The Location-bar should be about 80% of the width and the km bar about 20%, with a little bit of space between them.

Someone a idea of what custom css could fix this?

Thanks for you time and help!

Syndicate content