Question:
How can I transfer this codepen to a repl? I have tried to and failed, and the animation simply doesn’t appear.
Repl link:
https://replit.com/@MiloCat/Blobs
Codepen:
Edit:
Wow it lets you embed stuff :0
Question:
How can I transfer this codepen to a repl? I have tried to and failed, and the animation simply doesn’t appear.
Repl link:
https://replit.com/@MiloCat/Blobs
Codepen:
Edit:
Wow it lets you embed stuff :0
You don’t seem to have linked your stylesheet in thehead
. But also that’s like SCSS our something right? Not generic CSS, because of the nested structure, so you need to configure that correctly too, which I don’t know how to do. Bodily someone else will, or if not I’ll look into it
ok thanks! I will try to look into scss
edit: i used the uncompiled css and it still doesn’t work
You need to link the stylesheet to the HTML page
Wrap the content of index.html
in a <body>
element, then wrap it in a <html>
element.
Add this before the body element:
<head>
<link rel="stylesheet" href="style.css" />
</head>
The final page should look something like this:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
Existing index.html content goes here
</body>
</html>
To counteract the browser’s default styles (AFAIK Codepen does this for you automatically) add this to your stylesheet:
body {
margin: 0;
}
Oh god I’m stupid why didn’t I do that lmao…
I am embarrassed that I know html/css decently and I didn’t see this
Edit:
The text is put properly now but the animation still doesn’t work/isn’t visible @GrimSteel
Uh try linking the script file too
EDIT: It’s actually because there’s a duplicated closing curly bracket in the stylesheet on line 10:
body {
display: grid;
grid-template-rows: 1fr 10rem auto;
grid-template-areas: "main" "." "footer";
overflow-x: hidden;
background: #3370cc;
min-height: 100vh;
font-family: "Open Sans", sans-serif;
}
}
oh ok wow i’m so dumb, thanks so much for your help!
I still have an error with the margin being weird, but ill try to fix that by myself xD
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.