All solutions

Hi everyone,

I just completed this challenge. I use flexbox CSS. Here are where I had difficult in these challenge :

1. Change the color on the social medias icon (Facebook, Twitter, Instagram) when we hover on icon. =>What I did is to download other icons social media in color cyan blue and I put them on CSS in background like this : `.social-media-ig a, .social-media-fb a, .social-media-tw a{ display: inline-block; margin:1rem; }

.social-media-fb a { background: url('images/facebook-square-custom.svg') no-repeat; }

.social-media-tw a{ background: url('images/twitter-custom.svg') no-repeat; }

.social-media-ig a{ background: url('images/instagram-custom.svg') no-repeat; }

.social-media-fb a:hover img, .social-media-tw a:hover img, .social-media-ig a:hover img { visibility: hidden; }

But I am not satisfied by the result because we see 2 icons one above the other.

1. On the footer, I didn't know how to put the FAQs, Privacy Policy, Press kit.. as it appears in the challenge. Here is my solution.. But I know, it's not perfect : ` <div class="links"> <img class="logo-C-bottom" src="images/logo.svg" alt="">

    <div class="faqs">
      <a class="hover-links" href="#">FAQs</a>
      <br>
      <a class="hover-links" href="#">Contact Us</a>
    </div>
    <div class="privacy">
      <a class="hover-links" href="#">Privacy Policy</a>
      <br>
      <a class="hover-links" href="#">Press Kit</a>
    </div>
   

Your feedbacks and suggestions are welcome !! Thank you very much and happy coding !!

Best regards, Yous Ben

Hi everyone,

I just completed the challenge. Any suggestions are welcome!!

Happy coding!! Best regards, Yous Ben

Hello everyone,

I just completed this challenge. Here are some skills that I learn from this challenge:

• Progressing bar
• background-color with 2 colors :

and I add 'to right' and change  the hsl color into rgba color:
```--gradient: linear-gradient(to right, #FFA399, #FF4D97);

- List without style by using this code:
``` ul{list-style-type: none;}
-To put list in the same row, I did :
```.list {
  display: table-cell;}

I use flexbox CSS in desktop and mobile.

If there are some suggestions, it will be a pleasure to know it.

Thank you very much!
Happy coding!
Best regards,
Yous Ben

Hello everyone!

I just completed this challenge. I use Grid CSS and Flexbox. I have a question about the background image. I don't know how to move the background. I use this code :

background-repeat: no-repeat;
background-position: top right;```
But it wasn't exactly the same position as it appears in the challenge.
Your feedbacks are welcome !!

Thank you very much and happy coding!!
Best regards,
Yous Ben

Hello everyone,

I just completed this challenge. In this challenge, I use Flexbox and Grid CSS. I didn't find how to circle the social logo (instagram, twitter and facebook). I have a doubt for the size of the media queries pixels. Can you tell me if is it right ?

Thank you very much for your help!

Happy coding! Best regards, Yous Ben.

Hello,

I just modify this challenge, adding variables (it's my first time using it), grid CSS (second time) and media queries. If there are any suggestions, it would be a pleasure to learn from you. Thank you in advance !!

Have a nice day and Happy coding !

Best regards, Yous Ben

Hi everyone,

I just complete the challenge. I use Grid CSS and media queries for responsive website. Please, if you have any suggestions to improve, it will be a pleasure to learn from your expertise!

Happy coding and have a nice day !

Best regards, Yous Ben

Hi everyone,

It's my first time I use grid CSS. I know it's not yet perfect. If you have any suggestions, please let me know.

Thank you very much to take time to read and suggestions.

Happy coding! Best regards, Yous Ben

Hi everyone !!

It's my first time using @media queries for responsive. I use Flexbox to improve this skill. If you have any suggestions, it would be a pleasure to know it !! thank you in advance !

Happy coding !

Best regards ! Yous Ben

Hi everyone,

I find it a little difficult. It is my first time that I use media query, I use flexbox but I am not yet confortable.

I would like to know how to put the reviews stars in front of the H1.

Thank you very much for your help.

Hi everyone,

I just completed the challenge. I use Flexbox. I am not yet totally feeling comfortably with it. Can you please tell me if there is some points that I should improve?

With a huge thanks thanks!!

Happy coding !!

Hi everyone!!!

I just completed that challenge, I find it easier than the others. Please, if there is a point that I have to change, tell me. Thank you in advance.

Happy coding!!

Hello everyone! I just completed my challenge. It's my first time using flexbox.. I know, it's not yet perfect. Please let me know what and how should I improve to use it better. Thank you a lot! Best regards!

Hi guys!

I just completed this challenge. I know it's not prefect and I would like to know your suggestions, advice to improve my coding.. Thank you a lot for your help!!

Happy coding !!

Hello friends!

It's the second time I do this challenge to improve my skills. I have difficult to put correctly my website on Github, when I write it on Atom, the website run but didn't run on Github. What I learned :

• the background images background: url (../images/xxxxxxxx) *display (I have to entertain again)

Thank you guys for your comments and advice !! happy coding !!

Hello,

I didn't know how to put in background the background bottom image.

Thank you in advance for your help.

Best regards.

Hello everyone,

This is my first challenge in Frontend. I just learn html and css from Udemy and I want to practice what i learned. I would like to know what would you recommend me to change to improve my code. Thank you in advance to take a moment.

Best regards!