Getting list items closer together in CSS

The question: I’ve got an unordered list with a few list items. I’m trying to decrease the spacing between the list items, but they won’t get any closer than they already are. Anyone have any suggestions? Here is the relevant code: ul.mainNav { float: right; padding-right: 185px; } li.mainNavItem { color: blueviolet; text-align: center; list-style: … Read more

H1 English text layered over H1 Hebrew text

The question: I’ve been given a designer’s requirement to layer two H1 headings in CSS. The “top” layer is English text and the “bottom” layer is its Hebrew equivalent. I’ve searched StackOverflow and Codepen but am not finding anyone who’s posted how to do this. I’ve played with z-index, but it’s not doing anything. I’ve … Read more

The background wont go to the whole page

The question: I just want the backgruond gradient to cover the whole page, I’m unsure to why it only covers the text, Heres my html: <!DOCTYPE html> <html lang=”en” dir=”ltr”> <head> <meta charset=”utf-8″> <title>Loops</title> <script src=”script.js”></script> <link rel=”stylesheet” href=”style.css”> </head> <body> <H1> Fathom converter</h1> <input type=”textbox” id=”number”> <input type=”button” value=”Feet” onclick=”feets()”> <input type=”button” value=”Inches” onclick=”inches()”> … Read more