Design comparison
Solution retrospective
Any feedback on how to improve is welcome.
Can anyone point out why my text in the solution screenshot are out of place, but in the live page it seems fine. Thanks.
Community feedback
- @JSCHLTEPosted about 3 years ago
I just looked at your validation report and that might be the problem. You can view your validation report here - https://www.frontendmentor.io/solutions/order-summary-component-html-css-YzEnORsgs/report
0@Shawn8zPosted about 3 years ago@Jschlte I found the problem, the elements that are not behaving correctly their position was set to relative. That seems to cause the element's width value to inherite from its parent.(I tryed to force its size by putting in width value but it don`t seem to work) I change their position from relative to absolute, the unwanted width inherite problem goes away. I don't fully understand whats going on. But that seem to be the cause.
1 - @JSCHLTEPosted about 3 years ago
Generating a new screenshot might solve the problem, but the reason why it happened I have no clue. Might be an issue with Front-End Mentor.
0@Shawn8zPosted about 3 years ago@Jschlte I tried but still the same. I think something in my css setup is causing it.
Thanks for the reply. :)
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord