I am documenting my journey through the Code Institute's 5-Day Challenge! Tasked with creating an engaging webpage teaching "How to make tea?" using HTML, CSS, and JavaScript, I embarked on this coding adventure. In addition to tackling the challenge prompts, I seized the opportunity to develop my own unique webpage as part of the challenge.

Frontend Mentor challenge 005: Testimonials grid section

Semantic HTML: Understanding and implementing semantic HTML tags to improve the structure and accessibility of the web content. Accessibility: Ensuring that the website is accessible to all users, including those with disabilities. CSS Flexbox: Utilizing CSS Flexbox to create a responsive layout. Pseudo-classes: Learning and applying CSS pseudo-cla

Desafio de encerramento de unidade proposto pela Cubos Academy, o intuito era desenvolver um website(portfólio) utilizando HTML, CSS e FlexBox

CSS course selector examples

Neste projeto desenvolvemos uma página com uma estilização bem moderna e organizada. Utilizamos a maioria das tags HTML5 e muita propriedade CSS3, aplicando as principais características de um layout baseado em Grid.

Neste projeto estudamos a fundo sobre o Flexbox (CSS3) em um projeto chamado AluraPlay, é uma plataforma de vídeos com um layout moderno e rico em elementos.

My Gallery wall built with html & css

CSS Pseudo Class, Element and Positions

Project #13 of Codecademy's Full Stack Engineer Career Path

Nesse projeto vamos desenvolver o Alura Books. Usamos neste projeto as técnicas de mobile-first, utilizando HTML5 CSS3 e um pouco de JS também. Esse projeto foi desenvolvido durante um curso na plataforma Alura.

Run Buddy, a company that matches runners with personal trainers.

This project is a home page of nursery plantation website. In this project, I learned to create customize Nav-bar and this was intentionally given ID instead of classes for practice, In this project we practice some non-produciton ready code to just learn the context of the property like : Id, making dots with ul>li tags and so on.

Photo Gallery project using CSS :target pseudo class in creating image lightboxes

["block" live site: http://127.0.0.1:5500/block.html] --> ["position" live site: http://127.0.0.1:5500/position.html] --> [pseudo live site: http://127.0.0.1:5500/pseudo.html]

Ejercicios/ejemplos del OpenBootcamp

coloring a periodic table using :nth-child only

Periodic Table

This is a gallery wall built using HTML and CSS