CSS

Cascading Style Sheets

My css messes when zooming etc

Submitted by malz414 on Fri, 2018-08-31 18:47

I am a first year student in comp sci so I have the very basics of html and css down, but someone has asked me to make a site for them so I tried. The problem I am having with the layout which goes absolutely haywire when I zoom in/out or inspect the site on the mobile devices in chrome. And also I find that white space in the site looks off and I am not sure what to do there.

Slider/Carousel where image is sliced into sections

Submitted by sampson1952 on Mon, 2018-08-27 21:09

I am not new to CSS, but I have not been able to find anything about this on Google so I thought maybe I was using the wrong terminology.

I am looking to teach myself how to make a slider/carousel where the image is sliced into pieces and each slice is shifted off independently, revealing the image below as they "fly" off the screen.

I don't know how to describe this so Google will help me find the technology behind it.

Maybe it is actually done in Javascript more than CSS... I don't know.

1 comment

Newbie help with someone elses CSS

Submitted by Leea on Fri, 2018-08-17 22:57

I am not very good at CSS yet. I am trying to change a web page to suit our needs. The guy who created it started with someone else's template which is at;
https://html5up.net/twenty

There are parts of the page I am not fond of. He has buttons to go to outside pages, we need about six. They have large graphics and only two across. I want smaller graphics and four across. I put a sample of the HTML below.

New CSS framework

Submitted by BuddyCSS on Thu, 2018-07-12 13:57

Hey buddies,

I just created a new framework to help you building amazing websites easily, I would be glad if you could check the git repository, try to play with the framework or better yet, join me on slack and twitter, I worked hard, but this is not over!
Have a great day!

https://buddycss.com/

Github: https://github.com/BuddyCSS/BuddyCSS

Slack: https://tinyurl.com/ydf8ppp4

Twitter: https://twitter.com/?lang=fr