v1.0.0

armancodv · Dec 9, 2021 · 950e9ed · 950e9ed
1 parent c5599b3
commit 950e9ed
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 21 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "arman-co-com",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "private": true,
   "homepage": "./",
   "dependencies": {

diff --git a/src/components/App.scss b/src/components/App.scss
@@ -14,6 +14,12 @@ body {
   a[href]:after {
     content: none !important;
   }
+  .col-md-8 {
+    width: 66.6666% !important;
+  }
+  .col-md-4 {
+    width: 33.3333% !important;
+  }
 }
 
 .app {
@@ -23,4 +29,4 @@ body {
   &-footer {
     background: $gray-300;
   }
-}
+}
diff --git a/src/components/App.tsx b/src/components/App.tsx
@@ -42,21 +42,25 @@ const App: React.FC = () => {
       </header>
       <Container>
         <Row>
-          <Col sm={8}>
+          <Col md={8}>
             <main className="app-main">
               <Highlights/>
               <Experience/>
-              <Portfolios/>
-              <Education/>
-              <Publications/>
             </main>
           </Col>
-          <Col sm={4}>
+          <Col md={4}>
             <aside>
               <Skills/>
             </aside>
           </Col>
         </Row>
+        <Row>
+          <Col>
+            <Portfolios/>
+            <Education/>
+            <Publications/>
+          </Col>
+        </Row>
       </Container>
       <footer className="app-footer">
         <Container>

diff --git a/src/components/items/portfolio-item/PortfolioItem.tsx b/src/components/items/portfolio-item/PortfolioItem.tsx
@@ -24,15 +24,15 @@ const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
               <FontAwesomeIcon icon={faExternalLinkAlt}
                 className="portfolio-item-title-icon-right"/>
             </h4>
+            <div className="portfolio-item-tags">
+              {props.portfolio?.tags?.map((tag) => (
+                <Badge className="portfolio-item-tag" key={tag}>{tag}</Badge>
+              ))}
+            </div>
           </div>
           <p className="portfolio-item-description">
             {props.portfolio?.description}
           </p>
-          <div className="portfolio-item-tags">
-            {props.portfolio?.tags?.map((tag) => (
-              <Badge className="portfolio-item-tag" key={tag}>{tag}</Badge>
-            ))}
-          </div>
         </article>
       </a>
     </li>

diff --git a/src/components/sections/profile/Profile.scss b/src/components/sections/profile/Profile.scss
@@ -8,21 +8,26 @@
   width: 100%;
   padding: 8px 0;
   color: $dark;
-  @include media-breakpoint-down(sm) {
+  @include media-breakpoint-down(md) {
+    text-align: center;
     flex-direction: column;
   }
+  @media print {
+    text-align: left;
+    flex-direction: row;
+  }
 
   &-contacts {
-    @include media-breakpoint-up(sm) {
+    @include media-breakpoint-up(md) {
+      padding: 0 12px;
+    }
+    @media print {
       padding: 0 12px;
     }
     &-title {
       font-size: 32px;
       font-weight: bold;
       margin: 16px 0 8px;
-      @include media-breakpoint-down(sm) {
-        text-align: center;
-      }
 
       &-icon {
         margin-right: 8px;
@@ -41,15 +46,21 @@
       flex-wrap: wrap;
       align-items: center;
       margin-bottom: 8px;
-      @include media-breakpoint-down(sm) {
+      @include media-breakpoint-down(md) {
         justify-content: center;
       }
+      @media print {
+        justify-content: flex-start;
+      }
     }
     &-item {
       margin: 2px 24px 2px 0;
-      @include media-breakpoint-down(sm) {
+      @include media-breakpoint-down(md) {
         margin: 2px 12px;
       }
+      @media print {
+        margin: 2px 24px 2px 0;
+      }
       a {
         text-decoration: none;
         color: $dark;
@@ -68,6 +79,12 @@
 
   &-description {
     text-align: justify;
+    @include media-breakpoint-down(md) {
+      text-align: center;
+    }
+    @media print {
+      text-align: justify;
+    }
   }
 
   &-print {
@@ -78,7 +95,10 @@
 
   .qr-code {
     margin-top: 12px;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
+      display: none;
+    }
+    @media print {
       display: none;
     }
   }
@@ -90,4 +110,4 @@
       display: none;
     }
   }
-}
+}