All solutions

This one was really challenge it was my first time using styled components and my second time using react router outside of a tutorial whew I'm glad i got it all working thought if there is anything i could do to improve please let me know :) edit Does anyone know why i get these HTML errors I've checked my code for them i cant figure it out is it maybe because I'm using styled components?

works with any ip address also gives error message if it does not recognize users input works with domains without https for eg instead of https://youtube.com type youtube.com instead. I couldnt decide wether to make api call once the page was loaded or wait for a user to type something and click i decided to make a call when the page loads also does anyone know of a way to detect in your js if you are allowed to call an api for eg if using the geo ipify api you run out of your allocated number of requests how do you detect that?

im fairly new to react i noticed that when i toggle the burger menu on mobile the icon sometimes takes a milli second or two to change where as the menu shows immediately and sometimes when i click on the thumbnails in the desktop display version it appears as though the UI disappears for a moment then re appears not a big deal but id like to know why this happens maybe i need to use react memo I'm not sure any feedback is welcome and appreciated!!

Hello everyone this is my entry for the challenge something that is puzzling me at the moment is that there is overflow in my body element when i inspect it in the dev tools i find that when i remove width (which was set with a percent ) the overflow goes away but i find it so strange i even have a max width on the elements but i still get overflow any feedback is greatly appreciated

the first time i attempted this i was totally clueless i had to turn to youtube for help which i was not proud about but that was many months ago i will be making this again but this time with no outside help just maybe some StackOverflow lol

this was lots of fun to make such a beautiful design i had trouble using the picture tag for the first time as usual any tips would be greatly appreciated

i messed around with some gsap animations in this one

any feedback is always welcome :]

Will not be submiting any more challenges for a while i plan to take this time to learn everything i can about javascript now that i am comfortable ish with html and css layouts ... happy coding everyone.

any advice or feedback is always welcome for some reason i cant change the color of the green arrow svg is it possible to bring it in with a ::before or ::after as either background or content and change its color on hover and tried and had no success

any good articles on responsive design best practices?

any tips on how to do the curvy backgrounds (without any custom svg creator like getwaves.io) the curved backgrounds gave me a really really warm time i used the images provided for curvy backgrounds and when i do a position absolute or relative and position it the way i want once the screen resizes the perfect position just goes to oblivion! please any article that helps with this or gives tips on this i would love a link to it

the divided list items at the end gave me a warm time i heard about a column property tried it but it didn't help me any advice is welcome <3

Hey guys how do i change the color of an svg i tried to do it but i could not get the desired color and I'm sure there are other things that need to be addressed as always any feedback is greatly appreciated

How do i get the texts in each testimonial to always be aligned? Also i wanted to change the widths on some of my h1's but when i do that they fall out of alignment how do i style them with widths but also have them stay in their original alignment.

any feedback is welcome

could this all have been done with grid because i tried it and i had problem after problem :(

how do i get the design to be smaller i tried adding padding on the body but when i do that makes a vertical scroll bar i thought padding made things smaller not larger i even tried adding box-sizing border box hoping it would help but it didnt. ..ps A lovevly user called Agata helped me figure out the problem :)

question is this layout achievable with only flexbox? i will have to re do this

is there a way to get the background to stay static no matter how wide the screen gets?

any feed back is welcome i struggle with media queries