aboutsummaryrefslogtreecommitdiffstats
path: root/style.css
diff options
context:
space:
mode:
authorClyhtsuriva <aimeric@adjutor.xyz>2021-05-16 12:26:12 +0200
committerClyhtsuriva <aimeric@adjutor.xyz>2021-05-16 12:26:12 +0200
commitcbcfe3d6c65ab9b659638d6208af543942625d10 (patch)
treead7a9f51bae9f57c8880a6196200a1e0f8754933 /style.css
parent3c8598ce87930599a741848688f009b1b0529ac9 (diff)
downloadadjutech-cbcfe3d6c65ab9b659638d6208af543942625d10.tar.gz
adjutech-cbcfe3d6c65ab9b659638d6208af543942625d10.tar.bz2
adjutech-cbcfe3d6c65ab9b659638d6208af543942625d10.zip
overall update
Diffstat (limited to '')
-rwxr-xr-xstyle.css96
1 files changed, 89 insertions, 7 deletions
diff --git a/style.css b/style.css
index 66a183c..fd191b5 100755
--- a/style.css
+++ b/style.css
@@ -109,9 +109,11 @@ header{
max-width: 35%;
}
-#picture img{
- height: 100%;
- width: 100%;
+#server_rack_img img{
+ max-width: 80%;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
}
@media screen and (min-width: 1000px) {
@@ -125,10 +127,9 @@ header{
#project-list-container{
display: flex;
- flex-wrap: wrap;
justify-content: space-around;
align-items: center;
- padding-top: 10px;
+ padding-top: 50px;
}
#project-list-container a {
@@ -136,7 +137,88 @@ header{
text-decoration: none;
}
+#menu-links nav {
+ display: none;
+}
+
+@media screen and (min-width: 530px) {
+ #menu-links {
+ display: flex;
+ justify-content: space-between;
+ }
+ #menu-links nav {
+ display: block;
+ padding-right: 10px;
+ }
+ #menu-links a {
+ padding-right: 5px;
+ }
+}
+
+
+#latest-project-pics{
+ display: flex;
+ justify-content: space-around;
+ align-items: stretch;
+ padding-top: 10px;
+}
#latest-project-pics img{
- height: 100%;
- width: 100%;
+ max-width: 20%;
+}
+
+#reviews {
+ display: flex;
+}
+
+.container {
+ border: 2px solid white;
+ background-color: black;
+ border-radius: 5px;
+ padding: 16px;
+ margin: 16px 0
+}
+
+.container::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+.container img {
+ float: left;
+ margin-right: 20px;
+ border-radius: 50%;
+}
+
+.container span {
+ font-size: 20px;
+ margin-right: 15px;
+}
+
+@media (max-width: 500px) {
+ .container {
+ text-align: center;
+ }
+ .container img {
+ margin: auto;
+ float: none;
+ display: block;
+ }
+}
+
+#latest-news-pics {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+#latest-news-pics img {
+ height: auto;
+ max-width: 35%;
+}
+
+footer {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
} \ No newline at end of file