All solutions

Hello Frontend Mentor fellows🚀

This is another one of my solutions for the HTML and CSS only Challenges.

Again to solve this challenges I've been using SASS to compile the CSS, Media Queries to achieve responsiveness, VSCode to coding and Git to versioning.

This time I brought something new to my solutions, I solved this one using CSS Grid, a concept that I'm learning and that is an alternative to Flexbox on layout buildings. I liked the result and you are more than welcome to give me some feedback if you want.

Feel free to review the project and/or give me some feedback 😉

Cheers!

✌️😊 Charles Barros

Hello Frontend Mentor fellows🚀

This is another one of my solutions for the HTML and CSS only Challenges.

Again to solve this challenges I've been using SASS to compile the CSS, Media Queries to achieve responsiveness, VSCode to coding and Git to versioning.

Feel free to review the project and/or give me some feedback 😉

Cheers!

✌️😊 Charles Barros

Hello Frontend Mentor fellows🚀

This is another one of my solutions for the HTML and CSS only Challenges.

Again to solve this challenges I've been using SASS to compile the CSS, VSCode to coding and Git to versioning.

Feel free to review the project and/or give me some feedback 😉

Cheers!

✌️😊 Charles Barros

Hello Frontend Mentor fellows🚀

This is another one of my solutions for the HTML and CSS only Challenges.

Feel free to review the project and/or give us some feedback 😉

Cheers!

✌️😊 Charles Barros

This is my proposal of solution to the Product Card Challenge and was my third non-tutorial project in frontend carrer. As the two first, this challenge consists of creating a simple static page using the jpg design file as reference and implementing only HTML5 and CSS3, but in this challenge I had to use new responsiveness concepts such as Media Query in CSS, because the Challenge's Style Guide asked me for two different layouts, one to Desktop and other to Mobile. Again a project with great learning, where I was able to apply and strengthen all the knowledge acquired with the previous challenges and add new important knowledge about SASS pre-processor, use of partials and responsivness with Media Queries.

This is my proposal of solution to the NFT Card Challenge on Frontend Mentor website and was my second non-tutorial project in frontend carrer. As the first one, this challenge consists of creating a simple static page using the jpg design file as reference and using only HTML5 and CSS3. Again a project with great learning, where I was able to apply and strengthen all the knowledge acquired with the previous challenge (QRCode) and add new knowledge such as the use of variables through the :root{} selector, the use of pseudo-class, especially hover and also use of new attributes in CSS such as z-index, pointer-events, among others.

This is my proposal of solution to the QR code component challenge from Frontend Mentor website and my very first non-tutorial project in front-end carrer. The challenge consists of creating a simple static page using the jpg design file as reference and using only HTML5 and CSS3. As I said, this was my first non-tutorial Front-end project, so everything was a great learning experience, however, I emphasize that the alignment techniques both with Flexbox and with display block and also relative and absolute positions were great learnings in this challenge.