All solutions

My first big project!

I wanted to test a lot of things, and I'm quite happy with the results, but obviously I had some concerns that I can't solve on my own, and so I need a little help to do then an update of the site!

My problems :

1. When opening and closing on the navbar, I would like that if you click outside the 'block', it closes by itself. I had thought of making an onclick on the body, or making a fictitious transparent background, but it doesn't work .. how to do?

2. Similar to the mobile links for the nav bar, how can one close when the other opens? I saw a lot of tutorials on the internet but it is beyond me and I can not get it to stick with my code ..: '(

3. My animation works perfectly for computers, but in mobile, impossible to make the first and last block of text work, only one works and I don't know why .. really difficult to understand especially since it is the first time that I 'uses this API ..

WARNING: I have not yet finished the project and I have not yet reread myself, so there may be code duplicates and above all there are no comments! I'm on the move and it's not easy to work on a 15 ", whereas we are used to working on a 27" and three screens .. haha.

Thank you for your future help, I hope to get out of it, in any case I'm already happy with the result!

Hello !

I had some worries ..

1. My mobile height does not work. I cheated by putting a color in the background, but it's not good. I should have done?

2. I had a problem with my SVG, I had to give a height and width on the HTML, because otherwise impossible to make a circle correctly .. a viable solution?

3. Why the page load, i have a scroll bar ? I think is because i use animation with negative numbers.. right ? How to solve the problem ?

If you see other worries, do not hesitate! First time I have to organize my code "proper, it's not easy at all! But it's a habit to have. Thank you ! ♥

Hey ! First time i used animation on a project. I'm very happy to see result! I will try on the futurs projects to make a better folders and used lot of fonctionnality of SCSS!

♥

First time i use SCSS. ♥

Too much difficult with JS..

♥

Happy to finish this project! Just a question : Why when i click on email adress, i have a border ? How i can display: none this ? Thanks ! :)

Have a good day ♥

Happy to finish the project in 2 hours !

♥

Just a bit difficult with grid, i must leanr more and practice more!

Have a good day ☻♥

Hey!

TO SEE THE MOBILE VERSION CORRECTLY, GO TO THE MOBILE VERSION ON THE BROWSER!

Not too much difficulty on HTML / CSS, I learned from my old exercises!

On the other hand, still having difficulties on the JS, I very badly adapted my HTML / CSS to make a clean JS. I am disappointed with my JS, which works but is very poorly written. I'm going to focus on a clean JS for the next few exercises, because it's not cool at all.

Have a nice day ♥

I am progressing more and more, I am happy!

Project only in HTML / CSS / JS VANILLA. I will start SASS on the next project!

Why do my icons not want to appear on my live server and on the host? Surprising, because internally on the computer I had no problems ..

Thx ♥

I want to code only with HTML / CSS, but I do not know how to put a title in bold with CSS only.

I spent a week on the project, I learned a lot and I realize that JS is not that easy haha.

I just don't understand why on mobile when I click there is an orange square that appears ..

Hey !

I did a lot of classes before I started the exercises. I'm happy with the job and didn't really have any major problems.

If sometimes the code is not clean, or has problems, do not hesitate!

I'm french, sorry for my english haha!