All solutions

Hello Everyone 👋, I just finished my second junior challenge (also the second time completing a full landing page).

This challenge was definitely hard as it took me roughly 4 days on and off. Also, I still haven't figured out how to solve some issues (like hiding the quotation mark behind the testimonial cards & displaying the error message). The background svgs gave me a really hard time as well but after all I think it turned out alright. Just like my last solution, I also used pseudo elements for link hover effects.

Please have a look at my solution and let me know what you think 👍.

Thank you! 🙏

Howdy y'all,

I just finished my first junior challenge (also my first time completing a full landing page). To be honest I found this challenge pretty hard, I had to research the specific issues I was encountering and refer to some of the previous submissions for this challenge. One of the big lessons I learned from this challenge was how to use pseudo elements for hover effects. Currently I have that on the links only, but I'll soon add it to the buttons as well. Also, I changed the footer to black because I thought it would look a little cooler 😂.

Please let me know if you find any issues or if you have any feedbacks and comments. Thanks for checking out this solution 👍

Howdy y'all, This is my 7th newbie challenge. I used a mobile first approach but had a really tough time rescaling it to desktop version. The live site is slightly different that the design screenshot so check it out.

The issue I wasn't able to solve was that the social icons on phone look very cluttered. Although they look decently spaced out on dev tools, that is not the case when I open it on my iphone. No clue how to solve this one. Perhaps it has something to do the method i used for the border-lines of the socials and how I centered them.

Apart from that any suggestions, comments, shortcuts are very welcome!

Howdy there,

This is my 6th newbie challenge. I learning more and more as I walk-through each of these challenges. For this one, I used a mobile first approach and attempted to make it responsive for desktop as well.

Any feedbacks, suggestions, shortcuts are very welcome.

Thanks!

Howdy there, this is my fifth challenge out here. I used the mobile first approach, and had a very hard time rearranging it to the desktop view. Also, I feel like my CSS code is a bit redundant and that I could have used significantly less code to achieve the same thing. Any feedbacks, suggestions, and shortcuts are very welcome! Thanks!

Howdy there, This is my fourth challenge here. It was a fun challenge to build as usual. I have attempted to make the page decently responsive with a hover state too. Any feedbacks, suggestions, shortcuts are very welcome. Thanks!

Howdy there, This is the third challenge I have attempted. I found it a lot harder than I thought. I just learnt about CSS transform/translate function and implemented them on the page. Any suggestions and comments are very welcome. Thanks!

Howdy there, I learnt HTML and CSS few days ago, and this is the second project I have finished. Checkout the web responsiveness and resizing part and let me know what I need to fix. I usually build the desktop design first and adjust it to mobile (which I found very excruciating).

Howdy there, I just started learning HTML & CSS few days ago, and this is my first project I attempted. While attempting the challenge, I found the web-responsiveness part really hard. My page (specifically the image in a mobile-view) doesn't correctly adjust according to the screen size. Any suggestions on how to fix that part?