giraldiego / space-exploration

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

space-exploration

About Scrimba

At Scrimba our goal is to create the best possible coding school at the cost of a gym membership! 💜 If we succeed with this, it will give anyone who wants to become a software developer a realistic shot at succeeding, regardless of where they live and the size of their wallets 🎉 The Frontend Developer Career Path aims to teach you everything you need to become a Junior Developer, or you could take a deep-dive with one of our advanced courses 🚀

Happy Coding!

Build a digital Business Card

Background images

https://unsplash.com/

background-image: url("images/universe.jpg");
background-size: cover;

Google Font

https://fonts.google.com/

To embed a font, copy the code into the <head> of your html CSS rules to specify families

.btn{
	font-family: inherit; /* You need this for buttons */
}```
https://www.1001fonts.com/

### Specific Fonts
```css
@font-face {
    src: url("Corleone.ttf");
    font-family: Corleone;
}

span tag

<span></span>

IDs & utility classes

#main-logo {
    width: 100px;
}```

### webp animated images
https://giphy.com/
```css
background-image: url("images/galaxy.webp");

Palette from images and font weight

https://coolors.co/image-picker

color: inherit;
font-weight: 800; /* bold */

Text shadow

https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow

text-shadow: 5px 5px 5px black;
/* 	     ➡️   ⬇️  blur color */

text-shadow: 0px 0px 2px black;
/* To make the text stand out when similar colors between bg and fg*/

About


Languages

Language:HTML 55.9%Language:CSS 44.1%