All solutions

I did transition on cards to be more interactive. I loved to do this challenge. Really excited about the result.

Any feedback will be amazing!

Done! This challenge was really good to do. The mockup was really cool. I had doubts about the "<" inside the mockup before the avatar and the kebab-menu. I found a sandwich menu symbol and change the width.

Any feedback will be perfect.

DONE! :D I appreciatte any feedback!

WOW, this was really challenging! :D I broke my head discovering how to do the BG waves to be responsive. But I did it.

I appreciate any feedback!

I love it this challenge, was amazing to do it. It was my second landing page. I'll love it to have any feedback!

I had 3 dificulties in this LP.

1 - Svg color: footer the svg has to be white, I tried "fill", "fill" with "!important", "filter", and the only way that worked was put the svg in the HTML and change fill to white. I don't know if is a good way to do this, but worked!

2 - The link "see how fylo works" with arrow, I tryed a few ways to do it, but aways has something wrong. In this case that I choose, had a second arrow that appears in the devtools, and it is underline too. The underline continues even if the second arrow do not appears.

3 - The active ways message error. The only way that I found to change the default message error was the code you can see on the line 99 (css). But it was appears anytime and I did not find houw to show the message just when someone put a worng email.

I really appreciate any help :)

This is my second challenge on junior level. I appreciate any feedback that could improve my code. :)

This is my first experience with grid, I LOVE IT!

Please give me your feedback, it'll help a lot. Thank! :)

Please give me your feedback, it'll help a lot. Thank! :)

In this challege I had a difficultie with the link. On github.io do not worked, for some reason the picture just do no show. I don't know if had some error with my files.

• https://barbaradamasdev.github.io/qr-code-component-main/
• https://lighthearted-toffee-ea573a.netlify.app/

Please give me your feedback, it'll help a lot. Thank! :)

This challenge was very challenging (:D). I don't know if I alligned everything with the best way and especially if I did the better way on mobile version!

Besides the mobile version have a bigger scroll and I don't get why.

Please give me your feedback, it'll help a lot. Thank! :)

This was HARD. I had difficulties with the background. It worked in desktop and mobile view, but when you will openning the view the circles just move and I think that it needed to be centered and not just moving.

How can I change this?

Please give me your feedback, it'll help a lot. Thank! :)

Hi!

I used the propertie multiply to do the purple effect, don't no if was the best way to do this.

I needed to change the link in the desktop version because of the Github live version. On the VScode was perfect, but when I put on Github the picture just did not appears. I think was some bug and changed the link. Is it normal happens something like that?

Please give me your feedback, it'll help a lot. Thank! :)

I had some dificulties in this challenge but I liked the result.

I have some doubts. The hover option to the picture of the card. I've done with "position:relative", for the real image and "absolute" for the eye (hover) and allign the position, is it the better way to do this?

Please give me your feedback, it'll help a lot. Thank! :)

Hi!

In the line 39 (style.css), I was thinking if have other way better to keep the background gradient for all the viewport!

For the mobile version I created 2 @media (line 214 and 251), is there some way to do this better?

Please give me your feedback, it'll help a lot. Thank! :)

Hi!

In this challenge I've used "position: absolute;" in the body and "position: relative;" in the content. Was a god choice or have some better way to do this?

Please give me your feedback, it'll help a lot. Thank! :)

Hi!

In this challenge I was thinking if I use flexbox too much (:D). I was thinking that sometimes I can use margin to give the space between things, but use "gap" looks like work better.

Is it a "problem" or maybe can be considered a bad code if I use this a lot? Is better just use margin for exemple even though I use just margin-top and look ugly when you inspect the element?

Other question about a clean code. In the line 95 (style.css) I prefered to use the code just inline, for some cases is ok? Or it's considered a bad practice?

Please give me your feedback, it'll help a lot. Thank! :)

Hi, how are you doing? :)

I've some questions about CSS.

On the root, I put the names the same like was in the style guide, in the "real world" is better if I choose better names to the variables? For example: "--red" is just better than "--grayishBlueT"?

Other question, sometimes I use padding or margin just on top or left, for example. I was wondering if it doesn't look ugly and maybe will be better try to keep a pattern? For a better example, the ilustration inside the card, I've used position relative and align with "right: -220px;". It was be better if I used display flex (or something else) to align to right?

First I create the desktop version and later I adapted to the mobile version, and look like there's something really wrong because I needed to do this: ".content { position: default; top: 580px; width: 300px; }"

Is this the best way to align the mobile version in this case?

Please give me your feedback, it'll help a lot. Thank! :)

Hi. I've some questions about the best way to code. I've done the challenge, but I feel like I'm not doing in the best way. For example: the reset in "*" and "body":

I used this, and worked:

• { margin: 0; padding: 0; box-sizing: border-box; }

In the body I put this: height: 100vh;

Worked, but is the better way to do this?

Other question is about centralize the content. In all my projects I put the content box in position absolute, but when we change to mobile version I needed to change a lot of things. In this challenge I just needed to change "top", but I was in doubt if was the better way to do.

Please give me your feedback, it'll help a lot. Thank! :)

This is my first project, I never used HTML and CSS in the practice. I'm satisfied with the result, but off course that so much things can be better. Please tell me how I can improve :).