The first question doesnt work. Look at it. When i click it, i get the same question. The other thing the answers are the same as the one given in the project.
When i click the question, the answer should be low fade grey in color.
Design Comparison
SolutionDesign
Report
0Accessibility
issues0HTML
issues
Bruno Mazza's questions for the community
In order to move the illustration image as per the design (displaced from its original position and overlapping the container), I used the "transform: translate()" property. Now, I initially tried with "position: absolute", but I wasn't too happy with the result. I would love to hear what you guys think :)
Community Feedback
- 0
- 0
Hi, thanks for the feedback.
So, from the design it's not really possible to deduct what the text content for each block is: if you look at it, only the second question has some text which is clearly identifiable. That's why I simply used a placeholder text for the other questions. About your second point, yes, I should probably slightly change the color for the body text when you click on the label title.
- 0
I mean are not the same
- 0
Sorry, I'm not sure if you mean stylistically (CSS), or content-wise (HTML, text)?
- 1
@DownTheMatrix I think, he refers to the CSS. The color of the questions has another color when they are in the active state, and the answers are light gray.
- 1
Hi, thanks for the clarification. It's very possible, I'm not a premium user, so I cannot really double-check with the Figma file, but I'll try to check it out.
- 1
@DownTheMatrix Neither am I. You probably got the directory with the design. You can check that out. As I said before, You did a pretty well job.
- 2
Hi DownTheMatrix.
You have done a fantastic job on this challenge ๐. and itโs responsive ๐ฏ.
I just miss the background pattern. Overall looks pretty good. ๐
Happy coding๐งโ๐ป
- 1
@RenszCamacho Hey, thanks for your kind feedback!
You're right, I didn't include the pattern shapes because I wanted to focus on the component itself. I will do that for the next challenge :)
PGive some feedback to DownTheMatrix about their solution
Join our Slack community
Join over 40,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!