spacehey layout guide

This post was made as a reference for me to go back to when i need it
And for anyone else in need of help with making layouts and coding
⬩ Since it's all made with HTML it's pretty easy, but detailing is what makes the pazzaz and i can never remember the syntax for those cool details.
⬩ Most of the coding goes in the "About Me" section or "Content" in blogs. it's what affects the overall profile.
⬩ obviously HTML and CSS are used for the code and styling
⬩ the creativity aspect was something i feel like i lacked but just put the things you like and think look cool, use your favorite colors, shapes, fonts, inspo from other profiles, media ...

⬩ i found recently about this website, it's useful for testing your code and seeing how things look and if anything needs to be edited or changed.
⬩ GeeksforGeeks is great for tutorials and guides [HTML - CSS]. ⬩ if you encounter an error or strugle with specific styling or syntax, simply googling it see what works and what doesnt. ⬩ check out more blogs or tutorials from other users.
⬩ if you're experienced enough with coding, use a code editor like VSCode or Notepad++ to make coding easier and fix errors faster. i use vscode and the live server extention.
⬩ i like to use kaomojis for copy/paste text emojis, ASCII characters, or simple decorations. You can also search things like "star ascii" and copy what you like.
⬩ for special fonts use Google Fonts.
⬩ PicMix, or RawPixel and Tenor, for images, GIFs, or transparent pngs.
⬩ don't be scared of using simple AI tools for fast reserch and resource gathering (as if using a search engine but really fast). they can help explain code, fix errors, or give you a starting template.
this does not mean you should use it to make lifeless layouts, use it to research and learn.

references and resources i used:
⬩ Spacehey Layout Guide by Pidgeon
⬩ Claude for correcting code errors
⬩ GeeksforGeeks