diff --git a/portfolio/src/Pages/About.css b/portfolio/src/Pages/About.css index 8aebeb4..427de45 100644 --- a/portfolio/src/Pages/About.css +++ b/portfolio/src/Pages/About.css @@ -66,4 +66,16 @@ max-width: 40%; margin: 1vmax; -} \ No newline at end of file +} + + +@media screen and (min-width:1050px) { + .aboutTitleText{font-size: 1.8vmax;} + .aboutLinkText{font-size: 1.2vmax;} + .titleTxt{font-size: 1.5vmax;} + .boldTxt{font-size: 1.4vmax;} + .midTxt{font-size: 1.2vmax;} + .thinTxt{font-size: 1.15vmax;} + .aboutPortraitPhoto{width: 30%;} +} + diff --git a/portfolio/src/Pages/About.js b/portfolio/src/Pages/About.js index f38dafc..4e2217c 100644 --- a/portfolio/src/Pages/About.js +++ b/portfolio/src/Pages/About.js @@ -36,7 +36,7 @@ const About = () => {
  • Commitment to quality: I always try to find the best possible solutions before I start to code.
  • Creating with future in mind: I believe that documentation and good code design is very important to make sure my code can be understandable and reusable in the future.
  • Version control software: I use GitHub and GitKraken.
  • -
  • Tests: I can write simple tests for my code in UnitTests na Pytest libraries.
  • +
  • Tests: I can write simple tests for my code with UnitTests and Pytest libraries.
  • Wide range of interests: 3D modeling, 2D digital art, composition, color theory and more.
  • Language: Polish and English.
  • diff --git a/portfolio/src/Pages/Home.css b/portfolio/src/Pages/Home.css index 95f6648..16e9226 100644 --- a/portfolio/src/Pages/Home.css +++ b/portfolio/src/Pages/Home.css @@ -195,4 +195,8 @@ .helloText{white-space: break-spaces;} } - +@media screen and (min-width:1050px) { + .homePhoto{width: 30vmax; height: 30vmax;} + .homePhotoTxt{width: 30vmax; height: 30vmax; font-size: 1.3vmax;} + .homePhotoFit{width: 30vmax; height: 30vmax;} +} diff --git a/portfolio/src/Pages/Home.js b/portfolio/src/Pages/Home.js index 22dc013..041c4a7 100644 --- a/portfolio/src/Pages/Home.js +++ b/portfolio/src/Pages/Home.js @@ -74,8 +74,22 @@ const Home = () => { - - +
    + +
    + Contact +
    +
    +
    +
    + +
    + Contact +
    +
    +
    diff --git a/portfolio/src/Pages/Projects.css b/portfolio/src/Pages/Projects.css index 3f3f987..01410b6 100644 --- a/portfolio/src/Pages/Projects.css +++ b/portfolio/src/Pages/Projects.css @@ -105,10 +105,11 @@ } .technologiesUsedPhoto{ - max-width: 1.7vmax; + max-height: 1.7vmax; margin-top: 1vmax; margin-left: 1vmax; - display: inline; + object-fit: cover; + } diff --git a/portfolio/src/Pages/Projects.js b/portfolio/src/Pages/Projects.js index 38f69f6..61907ee 100644 --- a/portfolio/src/Pages/Projects.js +++ b/portfolio/src/Pages/Projects.js @@ -9,7 +9,6 @@ import arduinoLogo from "../Assets/arduino-logo.png"; import cplusplusLogo from "../Assets/c++-logo.png"; import GitHubLogo from "../Assets/GitHub_Logo_White.png" import pongVideo from "../Assets/pong_animation0000-0120.mp4" - import placeholderPhoto from "../Assets/myPhoto.jpg"; import { NavLink } from "react-router-dom"; @@ -21,49 +20,49 @@ const Projects = () => { return ( -
    - -
    - -
    - -
    - Projects - -
    - -
    - -
    +
    + +
    + +
    + +
    + Projects +
    - - All of my Projects - projectsPhoto - - +
    -
    + -
    - -
    -
    - Pong - projectsPhoto -
    -
    -
    - -
    - Hobbies - projectsPhoto +
    + +
    +
    + Arduino Heater + projectsPhoto + projectsPhoto +
    + projectsPhoto +
    +
    - -
    @@ -82,49 +81,6 @@ const Projects = () => { - - -
    - -
    - projectsPhoto -
    -
    - Pong Game - My take on famous oldschool game written in Python Turtle. -
    - projectsPhoto -
    -
    -
    -
    - - -
    - -
    - projectsPhoto -
    -
    - Arduino Heater - Personal project created to control heater pump with Arduino. -
    - projectsPhoto - projectsPhoto -
    -
    -
    -
    diff --git a/portfolio/src/style.css b/portfolio/src/style.css index f33d25f..e8dd15e 100644 --- a/portfolio/src/style.css +++ b/portfolio/src/style.css @@ -46,6 +46,12 @@ li { border-radius: 1vmax; } -@media screen and (max-width:1050px) { +@media screen and (max-width:1000px) { .pageContent{max-width: 90vw;} } + + +@media screen and (min-width:1000px) { + li{margin-top: 0.5vmax;} +} +