Charlie Richardson Charlie-robin

Setting up SASS/SCSS & Prefixing with POSTCSS

Hey 👋,

There are two parts to this gist and the first is independant.

For the second part you need to have completed the first part.

You do not need both just if you want them they are below.

Setting up SASS/SCSS

GitHub Profile

It is import to have a profile on GitHub, this will be where you have your code to show potential employers.

Useful GitHub Profile Links

Hello 👋,

Chrome has slightly changed the output you get when you are logging a HTML element to the console. You will not get the same output if you log the element the same way as the video.

❌

const itemIWantToLog = document.querySelector("#item");
console.log(itemIWantToLog);

Hey 👋,

Copy the URL below for the profile picture placeholder.

"https://via.placeholder.com/250"

	const artist = {
	"idArtist": "111247",
	"strArtist": "The Beatles",
	"strArtistStripped": null,
	"strArtistAlternate": "Beatles",
	"strLabel": "EMI",
	"idLabel": "43827",
	"intFormedYear": "1957",
	"intBornYear": null,
	"intDiedYear": "1970",


	const albums = [
	{
	idAlbum: "2109680",
	idArtist: "111247",
	idLabel: "43827",
	strAlbum: "The Beatles",
	strAlbumStripped: "The Beatles",
	strArtist: "The Beatles",
	strArtistStripped: "The Beatles",

	const artist = {
	idArtist: "111247",
	strArtist: "The Beatles",
	strArtistAlternate: "Beatles",
	intFormedYear: "1957",
	intDiedYear: "1970",
	strDisbanded: "Yes",
	strStyle: "Rock/Pop",
	strGenre: "Rock",
	strMood: "Happy",

	const cardDeck = [
	{
	suit: "spades",
	value: "A",
	charCode: 9824,
	},
	{
	suit: "spades",
	value: "2",
	charCode: 9824,

	<html>
	<head>
	<link rel="preconnect" href="https://fonts.gstatic.com" />
	<link href="https://fonts.googleapis.com/css2?family=Lato&family=Poppins&display=swap" rel="stylesheet" />
	<style>
	h1,
	h2,
	h3,
	h4,
	h5 {