
Design comparison
Solution retrospective
I used device breakpoints on CSS to make it bigger and easier to read.
What challenges did you encounter, and how did you overcome them?I was facing a trouble that my border-bottom for the table had little breaks on the middle. searching for solutions, i found a rule to the table tag on CSS that resolves the problem:
border-collapse: collapse;
Community feedback
- P@LiJunXiang1234Posted 10 days ago
Great practice! By zooming in on the entire page to improve readability, it shows that you are still maintaining your thought process during practice and always considering the user's needs.
There are some details to pay attention to, such as adjusting the font weight of the main title; a value of 400 or 500 would be less heavy. The card itself also needs some padding at both the top and bottom, so adjusting the margin values for the top and bottom of the card is necessary.
For the final content, the text paragraphs do not need to be placed inside a table. Set the table width to 100%, so it will be as wide as the card.
Marked as helpful1@GiodosvaniPosted 9 days ago@LiJunXiang1234 Thank you for the reply!
i'll change the font weight, thank you for the suggestion :)
For some reason, i wasn't able to get these margins on the card Not sure what was going wrong, but i'll take a closer look!
I really thought that the paragraph was the header of the table, lol
0P@LiJunXiang1234Posted 9 days ago@Giodosvani I reviewed your code. Maybe adjusting the
margin
in:.container { background-color: white; max-width: 600px; }
could help you.
By the way, in the design, the last row of the table doesn’t have a bottom border. You can set it individually to hide the border.
As for putting that piece of text into the table, I can only say hahaha, an interesting misunderstanding! But in a way, it actually helped you learn how to integrate tables! There's nothing bad about that!
Marked as helpful1@GiodosvaniPosted 5 days ago@LiJunXiang1234 Thank you for the review! I'll try to get this in a minute :)
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