diff options
| author | Indrajith K L | 2022-09-15 01:13:43 +0530 |
|---|---|---|
| committer | Indrajith K L | 2022-09-15 01:13:43 +0530 |
| commit | 1582d03b389099cc033e71e7f16acf7d2b4220e8 (patch) | |
| tree | 8d1d3bbd1b523d5e039899a76e67ec4f1ded0289 /src | |
| parent | 3405960d4b953fd9f7f61c25e0514397cf0976fd (diff) | |
| download | indrajith-dev-1582d03b389099cc033e71e7f16acf7d2b4220e8.tar.gz indrajith-dev-1582d03b389099cc033e71e7f16acf7d2b4220e8.tar.bz2 indrajith-dev-1582d03b389099cc033e71e7f16acf7d2b4220e8.zip | |
About Page Font Size adjustment for small devices
* Style Fixes
Diffstat (limited to 'src')
| -rw-r--r-- | src/_includes/assets/css/styles.css | 10 | ||||
| -rw-r--r-- | src/_includes/base.njk | 4 | ||||
| -rw-r--r-- | src/about.njk | 6 |
3 files changed, 15 insertions, 5 deletions
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index 926fb1a..db015b2 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -1298,6 +1298,11 @@ select { line-height: 1rem; } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + .font-bold { font-weight: 700; } @@ -1679,4 +1684,9 @@ pre[class*="language-"] { font-size: 1.5rem; line-height: 2rem; } + + .md\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } }
\ No newline at end of file diff --git a/src/_includes/base.njk b/src/_includes/base.njk index 1b60c94..c96f9f2 100644 --- a/src/_includes/base.njk +++ b/src/_includes/base.njk @@ -4,12 +4,12 @@ {% include "./partials/head.njk" %} </head> <body class="flex h-screen flex-col font-supply-regular"> - {% include "./partials/header.njk" %} + {% include "./partials/header.njk" %} <main class="container mx-auto max-w-5xl p-8"> <section class="w-full flex flex-col items-center px-3"> <article class="flex flex-col my-2"> <div class="flex flex-col justify-start p-6 pt-2"> - <div class="mt-3 text-xl font-supply-regular text-justify"> + <div class="mt-3 text-sm md:text-xl font-supply-regular text-justify"> {{content | safe}} </div> </div> diff --git a/src/about.njk b/src/about.njk index 9e115df..2bc4d1e 100644 --- a/src/about.njk +++ b/src/about.njk @@ -3,17 +3,17 @@ layout: base.njk title: About --- <h2 class="text-2xl font-bold text-black p-2 text-center">About Me</h2> -<div class="mt-2 text-center text-justify"> +<div class="mt-2 text-justify"> <div class="flex justify-center items-center"> <img class="object-cover h-48 rounded-full" src="/images/me.png" alt="me"/> </div> <p class="mt-3"> My Name is Indrajith K L, a Web Developer currently working as a Systems Analyst with 9+ years of experience with various - frontend frameworks and libraries like Angular 2+, React, Old Skool JQuery, Require JS etc. + frontend frameworks and libraries like Angular 2+, React, AngularJS (v1.x), JQuery, RequireJS etc. </p> <p class="mt-2"> I'm fluent in ES6, Typescript & NodeJS. I started out as a Android Developer in 2012 and then switched to Web Development and focused on - frontend technologies. + frontend & other web technologies. </p> </div>
\ No newline at end of file |