All solutions

Hello everyone !

I tried (for a long time) to put the same height for the 3 middle sections, I couldn't figure how to do it because of the pictures, sooo I gave up x)

I asked for help about that on Discord, someone replied saying that I have loads of position relative, transform, many width in % etc and that it is nearly impossible to debug my code. I put the width in % because of the responsive ? Isn't a good thing ? Is it because of all those things that I can't put the same height on my sections ?

Feedback will be greatly appreciated :) Thanks in advance

Hi everyone !

Pretty simple challenge, I still wanted to do it because I want to re-use it for myself in the future.

I would love some feedback anyway :)

Hi everyone !

I did this challenge using scss because I used several sections in the HTML, it was easier to do so. I added a little animation in the header : a span that leads directly to the first section. I did this on a previous project and thought it would be nice here.

I would be happy to have some feedback on this challenge, I think my code is way too long and complicated.

*EDIT : I see there is a little problem when opening the live site, it goes directly to the first section and not to the header. (not always but sometimes) Any idea what it could be ?

Thanks in advance :)

Hello everyone !

I had a few difficulties with this challenge, especially with the progress bar but I made it ! It is really far from being good so I would be happy to have some feedback and tips on this one :)

Hello everyone !

I did this challenge easily but I'm not happy with the ladies cards, there is too much space between the name and the main text. Any tips to make this better ?

Thanks in advance :)

Hello everyone !

I had a few difficulties with the anchors, which were buttons at first. I made a div for the background and didn't put it in the header or main because I wanted it to be over everything. Should I put it in the header anyway ?

Any feedback will be really appreciated ! :)

Hi everyone !

I did this challenge pretty quickly, I'm really proud of myself !

I think I did too many rows for my grid so I will happy to have some advices on this point. I did this challenge with SCSS even though it wasn't really necessary, but I wanted to practice this so.

Thanks in advance for your feedback ! :)

Hi everyone !

I did this challenge pretty quickly even though I had some difficulties with the background (I admit, I cheated and looked at someone else's solution where a feedback helped me :P )

Any feedback will be very appreciated !

Thanks in advance :)

Hi !

I had a few problems with this challenge :

• I tried at first a position relative / absolute for the reviews on the right but it was very complicated so I put some margins. Was it the right thing to do ?

• I don't know how to do the bottom part with the 3 violet cards. I had the same problems as above, when I put the position relative / absolute the cards took all the width even though I forced one. I tried the margins too, but of course it didn't work

• when the index is opened from VSCode it works nice and clean, but when opened with the live site it appears on only half of the height (for which I put a min-height of 100vh). Any idea why ?

• I did the large screen style first because I find it easier. Someone on Discord told me it wasn't the right thing to do because my code would have a lot more lines then. Is my code clear enough the way it is right now ?

I would love some help and feedback please.

Thanks in advance

Hi !

I'm pretty happy with this code. The colors aren't the same as the ones put in the style-guide because I thought they weren't the same as the design. Weird.

Hope you can give me some feedbacks !

Thanks in advance :)

Hi !

I tried my best with this challenge.

I struggled a LOT with the gradient and the circle. I don't think I coded this the right way. I used icons from "Font Awsome" for the Summary part because I didn't saw that they were in the starter pack x(

I did the desktop style first because it's easier for me and I added a few media queries to make it approximately responsive.

I have some problems when the page is translated in another language (french), the first score is written "80 / 100_" and all in bold, don't know why. Is there something I can add in the head of the HTML to correct this ?

I'd love some feedbacks on this code because I think it is really far from being good.

Thanks a lot in advance :)

Hi !

As a newbie, I tried my best !

I used the feedback from a previous challenge and it worked very well.

I still have some troubles knowing when to use %, rem, px, etc for the width and height.

As always, I have a vertical scroll bar with the min-height : 100vh on the body, which really upsets me ^^'

I put the title in order (h1, h2, h3,etc) even though the first title isn't the biggest. I was taught that.

I put a width in rem for the "Learning", I think it wasn't a good idea because when the page is translated in another language (french, my native language), the background is way too small for the word "Apprentissage"

How can I put a width that will adapt to the word in every language ?

I would love some feedback and tips on this solution !

Thanks a lot in advance :)

(please excuse my many mistakes in english, it's not my native language)

I'm a newbie in the field so I tried my best ! Let me know if you have some suggestions to make this code simpler and clearer :)