https://github.com/heraldofortuna/html-css-essentials
Guide of HTML and CSS essentials made using these same technologies.
https://github.com/heraldofortuna/html-css-essentials
codeable css html
Last synced: about 1 year ago
JSON representation
Guide of HTML and CSS essentials made using these same technologies.
- Host: GitHub
- URL: https://github.com/heraldofortuna/html-css-essentials
- Owner: heraldofortuna
- Created: 2021-04-27T23:21:49.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-05-24T17:30:52.000Z (about 5 years ago)
- Last Synced: 2024-04-23T21:33:25.250Z (about 2 years ago)
- Topics: codeable, css, html
- Language: HTML
- Homepage: https://heraldofortuna.github.io/html-css-essentials/
- Size: 519 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Codeable - HTML & CSS Essentials
This is my first project of Codeable. Codeable is a peruvian bootcamp of full stack web development.
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Overview
### The challenge
- Make a separate HTML guide in 3 large parts: Typography, Elements and Blocks.
- The 3 parts will be on different pages and you can access each one from a sidebar.
- Also, each section should have a small sample of HTML code.
* It has no responsive design (for now)
### Screenshot
### Links
- [Solution Link](https://github.com/heraldofortuna/html-css-essentials)
- [Live Site Link](https://heraldofortuna.github.io/html-css-essentials/)
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
### What I learned
I learned how to write html label as text inside another html tag.
```html
<button
class="button button--success">Apply now</button>
```
### Continued development
Now I will continue with another Codeable project.
### Useful resources
I used the guides found on Codeable website. Only that.
## Author
- Codeable - [Codeable](https://www.codeable.la/)
- Twitter - [@heraldofortuna](https://twitter.com/heraldofortuna)
## Acknowledgments
To Diego, Wences and Deyvi, my mentors.