Organizar o codigo css - Freelance Job in Web design

About this project

Open

Ola eu preciso deixar mais bonito o meu site em css.
Esse codigo;
.standings {
font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 8px;
}

.title {
margin: 2px 0;
font-size: 12px;
}

.title h2 {
font-size: 10px;
font-weight: 300;
}

.standings-table {
margin-bottom: 0px;
}

/* Align header text to the bottom */
.header,
.group-header {
display: flex;
flex-direction: column;
justify-content: flex-end
}

.header {
border-bottom-color: #555;
font-size: 12px;
font-weight: 300;
/*
text-transform: uppercase;
*/
}

/* Highlight headers when sorting */
.header:hover,
.header[aria-sort="ascending"],
.header[aria-sort="descending"] {
background-color: #eee;
}

.border-left {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}

/* Use box-shadow to create row borders that appear behind vertical borders */
.cell {
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.group-last .cell {
box-shadow: inset 0 0px 0 #555;
}

.team {
display: flex;
align-items: baseline;
}

.record {
margin-left: 5px;
color: #999;
font-size: 8px;
}

.nome-pais {
font-size: 13px;
font-weight: 700;
}

.nome-regional {
font-size: 13px;
font-weight: 600;
}

.nome-empresa {
font-size: 12px;
font-weight: 500;
}

.flag {
margin-right: 8px;
height: 15px;
border: 1px solid #f0f0f0;
}

.group {
border-bottom-color: #555;
font-size: 14px;
font-weight: 300;
}

.number {
font-family: "Fira Mono", Consolas, Monaco, monospace;
font-size: 12px;
line-height: 8px;
white-space: pre;
text-align: center;
}

/*
.spi-rating {
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.03);
border-radius: 50%;
color: #000;
font-size: 10px;
letter-spacing: -2px;
}
*/

Project overview

.Standings { font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 8px; } .title { margin: 2px 0; font-size: 12px; } .title h2 { font-size: 10px; font-weight: 300; } .standings-table { margin-bottom: 0px; } /* Align header text to the bottom */ .header, .group-header { display: flex; flex-direction: column; justify-content: flex-end } .header { border-bottom-color: #555; font-size: 12px; font-weight: 300; /* text-transform: uppercase; */ } /* Highlight headers when sorting */ .header:hover, .header[aria-sort="ascending"], .header[aria-sort="descending"] { background-color: #eee; } .border-left { border-left: 1px solid rgba(0, 0, 0, 0.1); } /* Use box-shadow to create row borders that appear behind vertical borders */ .cell { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .group-last .cell { box-shadow: inset 0 0px 0 #555; } .team { display: flex; align-items: baseline; } .record { margin-left: 5px; color: #999; font-size: 8px; } .nome-pais { font-size: 13px; font-weight: 700; } .nome-regional { font-size: 13px; font-weight: 600; } .nome-empresa { font-size: 12px; font-weight: 500; } .flag { margin-right: 8px; height: 15px; border: 1px solid #f0f0f0; } .group { border-bottom-color: #555; font-size: 14px; font-weight: 300; } .number { font-family: "Fira Mono", Consolas, Monaco, monospace; font-size: 12px; line-height: 8px; white-space: pre; text-align: center; } /* .spi-rating { width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 50%; color: #000; font-size: 10px; letter-spacing: -2px; } */

Category Design & Multimedia
Subcategory Web design
What do you need? Small update to an existing design
Is this a project or a position? Project
Required availability As needed

Delivery term: Not specified

Skills needed

CSS

About this project

design-multimedia / web-design-1

Open