Design comparison
Solution retrospective
Hello!
This project is my 4th challenge! XD
The previous project was also difficult, but in this project, it was difficult to place the background image and specify the 'position' of the profile picture (avatar) area.
I've completed the challenge, but looking at the code I wrote, I'm not sure it's good code.
Now, after about a month of studying, please give me a lot of advice and tips! Reply is always welcome. thank you!
Community feedback
- @AdrianX19Posted almost 3 years ago
Hi @DrunkenNeoguri,
Good job! if you'd like to get rid of this accessibility issue you can change <div class="namespace"> element to <h1> - keep in mind that if you do so you will have to adjust some styles as well!
Marked as helpful1@DrunkenNeoguriPosted almost 3 years ago@AdrianX19
Thanks for letting me know, I'm taking care of the h1 tag in future challenges as well!
thank you! ^^
0 - @rsrclabPosted almost 3 years ago
Hi, @DrunkenNeoguri ~
Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like the way you did background.
Here are some of the tips I like to provide.
- Please try BEM for naming element classes. It will help you a lot on bigger projects.
https://www.frontendmentor.io/solutions/profile-card-solution-m-cH4D2Lp
Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.
Cheers ~
Marked as helpful1@DrunkenNeoguriPosted almost 3 years ago@tymren608
Thanks for letting us know about the BEM method, we are taking this into consideration in future challenges as well.
At first, I had no idea how to write it, but there was an article that someone explained to me in Korean, my native language, so I studied how to use it by referring to the article and the link given as an example.
I learned a lot. thank you! ><
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