Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.
Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.
For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.
It makes sense to start learning by reading and watching videos about fundamentals and how things work.
Data Science and Machine Learning - 16 wks
Full-Stack Software Developer - 16w
Search from all Lessons
Curated list of small interactive and incremental exercises you can take to get better at any coding skill.
Curated section of projects to build while learning with simple instructions, videos, solutions, and more.
Guides on different topics related to the technologies that we teach in our courses
Doing layouts is one of the most difficult things in CSS/HTML, but it has never been a good technology for that purpose, which is weird and sad because it's its main focus. 🤔🤪
But in the past couple of years everything has been improving, since 2018 we can use now the CSS rules
display: flex; and
There are also some CSS frameworks like Bootstrap that is broadly used in ~30% of the world websites., Foundation, Material UI, etc. But this exercise is focused mainly on polishing your plain CSS/HTML skills.
This project comes with the necessary files to start working, but you have two options to start:
a) Use gitpod (recomended): open this link in your browser to open it with gitpod: https://gitpod.io#https://github.com/breatheco-de/exercise-product-landing-page-plain-css
b) You can clone this repository on your local computer:
Make sure that you have node.js installed in your computer and run the following command on your terminal to preview your website:
💡 Important: Remember to create a new repository, update the remote (
git remote set-url origin <your new url>), and upload the code to your new repository using
Note: you will have to refresh your browser every time you update your code.
40% of the errors when doing HTML are missing or misplaced closing tags, to avoid that you should open a close the tag at the same time and then you fill the tag content.
Picking the names of the CSS classes is the real trick: The names of the classes shape your mindset. Instead of using business-oriented naming like product1, product2, about-us, etc. You should use behavior-oriented names like
horizontal-list, etc. That will help you re-use classes a lot.
Don't use the
<img> for images that will be uploaded later by a user, you should instead use
<div> with background images, the image tag is only used for little things.