All solutions

Another fast project. In this one I tried mix Flex and Grid, also "gap" property is very useful!

Any feedback is welcome!

See you-

Hi everyone, this was a fast development. I just want to test how many time this take me. If you have some feedback, you are welcome!

See you.

Hey everyone! This is another newbie challenge. In this one I didn't get so many issues as usual. Just some problems with the "Background" syntax and so on.

If you have some feedback, please let me know!

Hi, this is other challenge. In this one I tried to use JS to implement the "isValid" function and avoid showing the error icon when the page loads instead when the field is incorrect filed.

If you have any feedback, I'll really appreciate it. See you!

Hi, this one was a really cool challenge. This time I tried to use grid for positioning everything, It's better (for me) than flexbox for this type of layout. However, I had some issues.

First: vertical align the logo. I did a messy solution, but I think it could be better, if you have a better one, please let me know.

Second: the ":invalid" pseudo-class loads before any interaction with the input field. I don't know if there is a way to apply the invalid pseudo-class without JS. I love JS but I just want to know if there is other way hahaha.

If you have a solution or tips for my issues, I'll appreciate it!

Hi! I haven't done this in a long time, so this is my solution.

Feel free to give me feedback, I'll really appreciate it.

idk

This is my first challenge in a while. I hope everything is Ok and any feedback is welcome!

Hello everybody :) This one was an interesting challenge because I didn't work with input[range] before. I tried to keep it available for all browsers but it's hard haha. However, I'm really happy with my solution. If you have any feedback, you are welcome to give it to me!

Hey everyone :)

I did this challenge very fast so I expect many weirds bugs, but I think It's stable for this purpose.

So any feedback is welcome! See ya.

Hi everyone. I've done this challenge but in the I've had some questions in the process.

First: How to implement the "Cyan border" when you select the radio button using just CSS3. I've obtained that effect using some js code (I know is really ugly my js code, it needs to be refactorized, I just typing fast as possible to finish this challenge).

Second: how to improve the "disabled" effect. I did a filter and I get a really good result, but my button text isn't visible anymore.

Thanks in advance for all the feedback. :)

Hey everyone, I have a question about "stair effect" in some components. I did a simple chunk of code using relative position and left-right, top-bottom approach but I want to know if you have other way to get this. Thanks for reading.

Hey everybody! This is an improvement to my solution, fixing bugs and doing a better work. I don't have any punctual questions this time, so if you want to give me feedback, I'll really appreciate it!

Hey, now I feel more proficient building these challenges. I do have just one question, how to work with "responsive backgrounds"? I mean, I did a media query to resize de background for larger screens, but I want to know if there is a better way to do that. Thanks for reading!

Hey everyone, this is my solution using just CSS3 and HTML5. I didn't want to use Javascript for navbar behavior because I did want to try use just CSS3. My question is, Is there another way to do this with just CSS3 or with Javascript I can do it better in behavior sense?

Hey everyone :) I don't have any questions this time, I just want to say that since I had some issues with width in my last challenge, this time I try to change my workflow to start with mobile-first approach. It was really useful because without media query my solution still showing a nice webpage. Thanks for reading!

I really need help with widths. I put an early @media query to avoid weird behavior, so, how do you do it in general?

What things I can improve in my CSS code? Tips to use classes or id's in some cases will be so appreciated.