Tribute page working in codepen but not working in brackets

HTML-CSS
1

My tribute page works fine on codepen.io but not working in Brackets.
What might be the problem and possible solution

2

Hello. This question is a little too broad but i can try to help.
Codepen has settings for CSS and JS and they are automatically connected.
When you code in you editor, you must add your stylesheet or JS through and tags and connect them with your html.
example for adding your css external file, if you store them in same folder:

<head>
  <link rel="stylesheet" type="text/css" href="yourcssfilehere.css">
</head>

I hope this helps.

3

it didnt work
here is a link to the page on codepen.io
https://codepen.io/podosci/pen/LYVWORM?editors=1000

4

to create the page in an html file you need the structure that codepen add in the background

also, I don’t think Brackets will give you a live preview. You need to save the html file and open it with your browser. (thanks @Roma)

<!DOCTYPE html>
<html>
   <head>
      <!-- here metadatas -->
   </head>
   <body>
      <!-- copy here the stuff you have in codepen -->
   </body>
</html>
3 Likes
5

Yeah, she was quick, as always…:slight_smile:
You cant have a page without basic html structure, codepen “hides” that so you can focus on results of your coding.
Oh, also, you have some typos, like P closing tag and some empty css selectors. When i fixed that, i can see page as it is on codepen.
This is ok, everyone was there…:slight_smile:

1 Like
6

Thanks, hopefully i have i started working on my survey form page.

1 Like
7

Yes, code on and never stop. When i was starting with codepen, i was in this problem too.
I suggest you to try coding in some code editor after you made it on codepen. This will be a huge boost to your morale. Its not much, but you achieved to make it work all on your own. No better feeling.

8

Brackets does have a live preview

2 Likes
9

Thanks for all your help on the tribute page.
I am working on my landing page project but i am having issues with my nav bar, the ul list items are clustered together of which i would prefer them being spaced apart.

capture 1
capture 11364Ă—629 57.2 KB

10

if you want help, please, don’t post a screenshot. It is impossible to debug.

Post a link to your project.
Also, as this is a new project, it is off topic, and you should create a new thread.