Scribd
Upload
8 views2 pages

cssdocument

The document contains CSS styles for a web layout, focusing on a navbar, resume button, and various container elements. It specifies colors, padding, margins, and display properties to create a visually appealing design. Key features include a fixed position for a child element and a circular layout for certain containers.

Uploaded by

Yashi Gupta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views2 pages

cssdocument

The document contains CSS styles for a web layout, focusing on a navbar, resume button, and various container elements. It specifies colors, padding, margins, and display properties to create a visually appealing design. Key features include a fixed position for a child element and a circular layout for certain containers.

Uploaded by

Yashi Gupta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

*{

padding:0;
margin:0;
background-color:rgba(23, 41, 55, 1);
}
.navbar{
display:flex;
justify-content:space-between;
background-color: rgba(23, 41, 55, 1);
color:white;
padding: 8px 15px;
}
.navbar ul {
list-style: none;
display: flex;
gap: 20px;
padding: 8px 15px;
}

.resume {
box-sizing: border-box;
background-color: rgba(23, 41, 55, 1);
border: 1px solid rgba(243, 112, 33, 1);
padding: 8px 15px;
cursor: pointer;
font-weight: bold;
color:white;
border-radius:8px;
font-family: 'Arial';
}
.container{

height:10px;
background-color:rgba(23, 41, 55, 1) ;
padding-left:101px;
font-family: 'Arial';
color:white
}
.container2 {
display: flex;

background-color: white;
border-radius: 100%;
}
.child1{
display: flex;
background-color: green;
width:20px;
position: fixed;
bottom:0;
right:0;
border-radius:100%;
}

span {
color: orange;
}
.container2 {
height:314px;
width:314px;
display: flex;
background-color: red;
border-radius: 100%;
align-items: end;
position:absolute;
}

You might also like