All solutions

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Mobile-first workflow

Any suggestion is welcome!

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Mobile-first workflow

Any suggestion is welcome!

Built with

• Semantic HTML5 markup
• CSS Grid
• Mobile-first workflow

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Mobile-first workflow

Useful resources

• web.dev - Details and summary.
• w3schools - Read about html tag details.
• w3schools - Read about html tag summary.

I would love to receive some feedback on my solution. Any suggestions for improvement would be greatly appreciated!

Elio Flores

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM

Useful resources

• w3school - To consult about doubts that appeared.
• mdn_ - MDN Web Docs has the most up-to-date and accurate information and the content is presented in an easy-to-understand manner. I also like that it's available in many languages (very important!).
• css-tricks To seek guidance and learn about CSS regarding any doubts or questions that have appeared.

I would love to receive some feedback on my solution. Any suggestions for improvement would be greatly appreciated!

Elio Flores

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM

Any suggestions for enhancing the solution are greatly appreciated.

Thank you.

Elio Flores

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM

What I learned

I had some difficulty figuring out how to create corners for my boxes, but this CodePen post has been extremely helpful! With the information provided, I was able to successfully create the corners I needed.

Useful resources

• CodePen This post has helped me to understand how to create the corners.

We welcome any feedback you may have!

Elio Flores

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM
• JavaScript and the Constraint Validation API

What I learned:

I learn most of how to use form validation. Using the Constraint Validation API was easy to write the validation message.

Suggestion? Any feedback is welcome!

Thank you.

Elio Flores

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM

Any suggestions for enhancing the solution are greatly appreciated.

Thank you.

Elio Flores

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM

Any suggestions for enhancing the solution are greatly appreciated.

Thank you.

Elio Flores

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• SASS
• BEM
• JavaScript and the Fetch API

What I learned

Some about promises and how to use fetch(...).

All suggestions for enhancing the solution are greatly appreciated.

Thank you.

Elio Flores

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM
• JavaScript and the Constraint Validation API

What I learned:

I learn most of how to use form validation. Using the SitePoint post as a source, was easy to write the validation message using Constraint Validation API, and for that needed to skip the default browser validation by adding novalidate to the form tag.

Suggestion ? Any feedback is welcome!

Thank you.

Elio Flores

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• SASS
• BEM

Some things I learned doing this challenge:

• To show just a part of an image using object-fit and object-position.
• To make a bubble dialog and use ::before for its tail.
• Use classList's toggle method instead of if's.

A fun challenge! Any feedback is welcome!

Thank you.

Elio Flores

I enjoyed completing this challenge.

I appreciate any feedback 'cause I know that there is always room for improvement.

Thank you! Elio Flores

Hello,

Any advice about good practices with javascript? Don't know if it's okay how I used javascript in this challenge.

I get advice to improve! Thanks.

I accept any suggestion to improve

Mobile and desktop version. Any feedback would help!

Mobile and desktop version. Any advice is welcome!

Mobile and desktop version. Any feedback would help!