Ascaris29• 80
@Ascaris29
Submitted
Well.. I admit that on this one, I had difficulties. The curved background gave me trouble. Nevertheless I feel that I am progressing because I am able to build bigger pages from now on !
Ascaris29
@Ascaris29
All comments
- Ascaris29• 80
@Ascaris29
Posted
Thank you very much for your constructive advice
0 - Ascaris29• 80
@Ascaris29
Submitted
I tried not to make too many mistakes. I tried to use css and mobile first. Do not hesitate to send me your comments Thank you :)
Ascaris29• 80@Ascaris29
Posted
Hi ! Before someone tells me about the report, there must be an error because it's not my html that is concerned I have no idea why it does that
0 - Hum Bruno• 230
@humbruno
Submitted
- Even though it was quite a straightforward design to accomplish, it definitely helped me understand the different ways to position and image on top of other elements.
After trying absolute position, I came to the conclusion that setting a negative margin-top on the image was the approach that required less lines of code, which is something I like to think of for every design.
This approach does have a minor flaw that I couldn't figure out why - if you zoom your browser on the image you'll see that some of the background pattern shines through the profile photo's border - how would you tackle this?
- One thing that I haven't quite understood yet is that the body background color and card background pattern have different color shades depending on the browser, even though I used an HSL color provided by the challenge.
For example, on Google Chrome it has a very teal-ish accent, whereas in Firefox it's leaning towards a light-blue - do you think this is a normal occurence or an oversight in my code?
Ascaris29• 80@Ascaris29
Posted
I really like your work, I used it to correct myself
0 - Ascaris29• 80
@Ascaris29
Submitted
I finished this challenge, however I couldn't keep the background elements in fixed mode and they move when the resolution changes. If someone has an idea..
Thank you for your comments or like
Ascaris29• 80@Ascaris29
Posted
Thank you ! I corrected and actually my elements in the background no longer move so it's cool. On the other hand, for the report, as I rely on the w3 validator, I did not understand why it did not match ..
0
