Design comparison
Solution retrospective
This practice was difficult for me. I think it could be better, but can you give me some recommendations. Thanks.
Community feedback
- @SuhodolecAPosted almost 3 years ago
Good job! You can resolve problems with social icons using flexboxes. For example: .fab, .far { font-weight: 400; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; } And after that change font-size icons for a better view. Try to use transition property for smooth animation of your interactive elements like buttons and social icons.
Good luck!
Marked as helpful0 - @alsirPosted almost 3 years ago
try to make it display flex the image and make a div that contain the header and the paragraph in the mobile veiw make it's flex-diraction:column ; and in the desktop veiw make it's flex-diraction:row ;
Marked as helpful0
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