All solutions

This challenge particularly was my favourite among all of them. while there is several things I got struck , but completed this one. I think I struggled the most is to place the background div shapes according to browser size. I mean while in 100% browser size , it's working well for me, but <100%, the background shapes position changes.

Here in the menu section or in NAVBAR, I know normally we use lists<li> to list down different navbar menu, but this time I tried using <div> for each list item. Is it acceptable though? I normally use <li>, but I wanted to try this using <div>.

this is my 15th challenge by far.

This was fun. Loved this challenge.

I struggled a little bit with it. But it was a fun challenge. faced little bit issues regarding the position of the white div written - "185 left" .

when zooming out the browser less than 100%. It shifts little bit position wise.

This Challenge was pretty fun to me and I got to learn lot about css grid. please review and let me know if changes needed.

I didn't got the exact icons in the given demo designs , so I had to go to different free sites to find similar ones, I downloaded in image format. So for that the hovering effect in icons are not there, I have to do hover with a div because of the images. Any advice or changes I need to do, please let me know?

This was bit difficult for me. I did use "Articles" where required instead of so many "divs" like the previous time. But I think there are still unnecessary styles I have used, which could have been optimized , but I couldn't. If you guys found something which is better ,Please do let me know. Thankyou in advance.

Tried this one. It was a good challenge. I think I have used too many tags and too many styling elements, sometimes more than it's needed. It would be really nice if somebody can go through my code and tell me whether I can optimize it or this is okay?

challenge 07

Challenge 05 :

This time , I tried the responsive design. First I did the mobile design and then went for the desktop. It was pretty fun . Thankyou for all the advice from my fellow friends. Thank you guys!

This was hard for me. I tried. However, I have got a few questions. It would be really kind of you guys if you help me with it.

1. The image in black and white and I have to use a color over it. so the image with black and white has shade of color on it. I saw the overlay method, linear gradient. . Finally I applied it but I think there is something wrong with my code. Mine is not coming similar to the original design.

2. I have done the overlaying thing, but when I am increasing the resolution, that overlay div changes position , so it's not fixed over the image.

3. Now coming back to the color thing, given is hsl format, linear gradient works better with rgba. So, I thought of converting hsl to rgb, but I was not satisfied, so kept hsl, and used opacity with it. But I still couldn't come close to the given picture in the design.

That's all , Thank you

I did my 3rd challenge. If you have any suggestions for more improvement in this challenge , please let me know!. Also I have an issue , [ the "annual plan and $59.99/year" I tried to make it in same line as the "music icon" and "change" but it whatever I did, it is showing a little downwards. ] Got any suggestions?

Anyway another Question , I have is " Is writing an external css is industry standard or people more rely on intenal css?, I personally find external css preferable for me and much more organized but I have seen so many projects where people used internal or inline css. I understand that external css takes a little bit more time to execute than other two. What do you guys suggest? How can I learn the ways industry works? "

Thanks anyway!

This is my second challenge. The hovering part , I tried to keep it in simple css.

"transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);" --- this one I saw but I tried to use the basic css for the hovering part because I am a beginner and didn't fully understood the "transform" part. I am learning the transform now.

It will be kind of you guys to share your opinion.

I want to know is my code acceptable? It's my first time attempting projects on site and submitting challenges.