Profile Card Component using HTML and CSS
Design comparison
Solution retrospective
Hello everyone!
Here I'm sharing this challenge solution to you all.
I can say that I learned a lot. I almost lost my mind trying to solve the background position.
I want to solve a few more challenges and start to apply Bootstrap, any advice you could give me with it? How should I start?
Please feel free to give me your feedback.
Thanks in advance!
Community feedback
- @jemeneradevPosted almost 3 years ago
Regarding the markup, I feel like the followers, likes and photos should be a list. They share the same structure - h2, and p.
I think you should avoid using bootstrap if you have not learned about the different placement techniques. If you can't look at a design and say, "oh, I will use flex for these parts and grid for that. Let me center this...this menu should be positioned relative left 10px."
Bootstrap hides things from you with its convenience. It's a great tool, but you also have to have the knowledge to bend it to fit your needs. Stick with css for now, maybe learn scss, maybe.
https://codepip.com/games/
https://codepip.com/games/flexbox-froggy/
1 - @abhik-bPosted almost 3 years ago
👋 Hello Nicolas , Your solution looks perfect , Fantastic Job , Well Done 🤩🤩🤩 I normally don't see people solve the background problem for this challenge that easily , so please keep contributing this solutions👍
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