Personal data update + photo + minor style tweaks

src/PersonalData.ts

@@ -10,7 +10,7 @@ export const personalData: PersonalData = {
         {icon: 'envelope-at', text: 'explosive@dejvino.cz'},
         {icon: 'git', text: 'https://git.dejvino.cz'},
         {icon: 'file-earmark-person', text: 'https://cv.dejvino.cz'},
-        {icon: 'telephone', text: '+420 111 222 333'},
+        {icon: 'telephone', text: '+420 775 26 26 32'},
         {icon: 'geo-alt', text: 'Brno, Czechia'}
     ],
 

src/app/components/Photo.tsx

@@ -3,6 +3,6 @@ import Image from 'react-bootstrap/Image'
 
 export default function Photo() {
     return (
-      <Image alt='Photograph of the person' rounded fluid src='photo.png'></Image>
+      <Image className="photo" alt='Photograph of the person' rounded fluid src='photo.png'></Image>
     )
 }

src/app/components/job/JobsHistory.tsx

@@ -17,7 +17,7 @@ export default function JobHistory(props: Props) {
     inRange ? <JobsAccordion {...props} /> : <JobsCards {...props} />)
 
   return (
-    <Container>
+    <Container fluid>
       <h2>{props.heading}</h2>
       <SizeWrapper>
         {jobsList}

src/app/globals.css

@@ -10,12 +10,16 @@ body {
 }
 
 .person-name {
-    margin-top: 1rem;
+    margin-top: calc(min(6vw, 5rem));
     font-weight: bold;
+    font-size: calc(1.375rem + min(1.4vw, 1rem));
 }
 .brief {
     font-size: 120%;
 }
+.contacts {
+    margin-top: 2rem;
+}
 
 .footer {
     margin-top: 2rem;
@@ -26,7 +30,7 @@ body {
     filter: opacity(75%)
 }
 
-.container > h2, h3, h4 {
+.container > h2, .container-fluid > h2, h3, h4 {
     margin-top: 1em;
 }
 

src/app/page.tsx

@@ -16,13 +16,9 @@ export default function Home() {
 
     <Container className='main-container' fluid='xxl'>
       <Row>
-        <Col xs={'auto'} sm={4} lg={2}><Photo /></Col>
-        <Col>
-          <Row>
-            <Col xs={'auto'} lg={6}><AboutBrief /></Col>
-            <Col xs={'auto'} lg={6}><Contacts /></Col>
-          </Row>
-        </Col>
+        <Col xs={3} sm={3} lg={2}><Photo /></Col>
+        <Col xs={9} sm={9} lg={5}><AboutBrief /></Col>
+        <Col xs={12} lg={5}><Contacts /></Col>
       </Row>
       <Row>
         <Col xs={12} xl={7}>
@@ -31,7 +27,7 @@ export default function Home() {
           <Row><Education /></Row>
         </Col>
         <Col>
-          <Row><Skills /></Row>
+          <Skills />
         </Col>
       </Row>
       <Row><Footer /></Row>