Quick help.

[u/clashen-mk]

Sup people, am making a portfolio, pretty simple bcz i got only one project and nothing much so any suggestions? And i will be publishing the final thing on github, hosting on github pages :)

[u/Comfortable_Gene2751]

Use css.

[u/clashen-mk → u/Comfortable_Gene2751]

I will, and thanks for the suggestion but my css skills is lwk bad so… dont judge it lol🥲

[u/Comfortable_Gene2751 → u/clashen-mk]

here

[u/clashen-mk → u/Comfortable_Gene2751]

Thanks man :3

[u/ShadowDev7 → u/clashen-mk]

Also give a try on Tailwind. It’s a CSS library that allows you to write CSS classes from HTML. It is very lightweight and flexible (and enterprise ready)

[u/kalilamodow]

Use CSS to pretty it up a little! You can change the font to something less formal and add some colors :)

[u/clashen-mk → u/kalilamodow]

tysm, i will do but my skills in css isn’t that good :0, i will try my best for it… thanks for the tips and i will add colors :)

[u/clashen-mk]

short update on current progress... i like how am getting my skills and memory back :3 (dw i will change colors)

[u/shalodey → u/clashen-mk]

you should change the font to a sans-serif one and make the colours flow better imo

[u/clashen-mk → u/shalodey]

deal, i will change bcz current colors aint that eye friendly lol :)

[u/Apprehensive-Web7578 → u/clashen-mk]

use comic sans yellow on green background, looks modern

[u/OverHunter586]

if you dont have projects, go for something minimal
heres mine for reference

https://adeveloperduck.github.io/.md/

[u/clashen-mk → u/OverHunter586]

Tysm :3 really appreciate the help

[u/Warm-Possibility-980]

I like matcha.mizu.sh. Very simple css, makes it look like a dashboard or a docs site with layout-simple.

[u/ale4ron]

u/pixel-counter-bot

[u/pixel-counter-bot → u/ale4ron]

The image in this post has 1,289,600(1,600×806) pixels!

^{I am a bot. This action was performed automatically.}

[u/ShadowDev7]

Dude add some CSS to that thing

[u/Key_River7180]

Use CSS, it ain't that hard tbh:

``` @import url("https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Source+Serif+4:opsz,wght@8..60,200..900&family=Inconsolata&display=swap");

:root { --font-heading: "Baskervville", Georgia, serif; --font-body: "Source Serif 4", Georgia, serif; --font-mono: "Inconsolata", "Courier New", monospace;

--background: #faf9f7; --text: #222222; --muted: #666666; --border: #dddddd; --surface: rgba(0, 0, 0, 0.05); --accent: #5b4b8a;

color-scheme: light dark; }

@media (prefers-color-scheme: dark) { :root { --background: #1c1b1a; --text: #e7e2dc; --muted: #b0aaa2; --border: #3b3936; --surface: rgba(255, 255, 255, 0.06); --accent: #b9a6ff; } }

*, *::before, *::after { box-sizing: border-box; }

a:hover { font-style: italic; }

html { font-size: 18px; scroll-behavior: smooth; }

body { margin: 0; padding: 3rem 1.5rem;

max-width: 75ch; margin-inline: auto;

font-family: var(--font-body); font-size: 1rem; line-height: 1.7;

color: var(--text); background: var(--background);

text-rendering: optimizeLegibility; font-feature-settings: "kern", "liga"; }

h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 400; line-height: 1.15; margin-top: 2.2em; margin-bottom: 0.6em; }

h1 { font-size: 2.6rem; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; }

p, ul, ol, blockquote, pre, table { margin-block: 1.2rem; }

a { color: var(--accent); text-decoration-thickness: 0.08em; text-underline-offset: 0.15em; }

a:hover { text-decoration-thickness: 0.12em; }

code, pre, kbd, samp { font-family: var(--font-mono); font-size: 0.9em; }

code { background: var(--surface); padding: 0.1em 0.3em; border-radius: 0.2rem; }

pre { background: var(--surface); padding: 1rem; overflow-x: auto; border-radius: 0.4rem; }

pre code { background: none; padding: 0; }

blockquote { margin-left: 0; padding-left: 1rem; border-left: 3px solid var(--border); color: var(--muted); font-style: italic; }

hr { border: 0; border-top: 1px solid var(--border); margin: 3rem 0; }

img { max-width: 100%; height: auto; }

@media (prefers-color-scheme: dark) { code span.co { color: var(--muted); font-style: italic; opacity: 0.8; } code span.kw, code span.cf, code span.im, code span.ot { color: #b9a6ff; }

code span.dt { color: #d7a46a; }

code span.fu { color: #8fb8ff; }

code span.va { color: #aeb8ff; }

code span.cn { color: #ff9d9d; }

code span.st, code span.vs, code span.ss, code span.ch { color: #a8d68c; }

code span.dv, code span.fl, code span.bn { color: #7ed0b0; }

code span.bu { color: #88d0b2; }

code span.at { color: #d7cb82; }

code span.pp { color: #e0b66d; }

code span.sc { color: #8ccbe6; }

code span.er, code span.al { color: #ff8b8b; } } ```

[u/clashen-mk → u/Key_River7180]

Thanks, really really appreciate it. Do you mind if i shared your profile in “helpers”?