Design comparison
Solution retrospective
Working with Figma for the first time was hard, especially with the free version that lack most of the features that were available years ago, but I'm happy with the end result.
Continue to improve my BEM methodology.
What challenges did you encounter, and how did you overcome them?I have got problems only with Figma, because lack of free features.
What specific areas of your project would you like help with?Looking to improve my HTML and CSS (especially BEM methodology)
Community feedback
- @Nico243Posted about 2 months ago
Hey, it looks good I have a few suggestions for you to help.
When you download the starter file and the figma file, you can look for the style guide and open it up in your VSC IDE. This will give you the coloring in hsl for your background, containers, your text and font sizes.
you can add this i your pseudo classes.
When you make updates on your code, It's not going to upload automatically on your Git file so we have to do this manually.
- git status 2 git add . (Adds all new updated files)
- git commit -m "Description of your change"
- git push origin main
This will upload the updated files to your git
If you want to add a <footer> always add it outside of the <main>.
We want to use rem instead of px. px are absolute units/sizes and are less responsive. There is a simple way to calculate your rem. pixels/16px 16 pixels = 1 rem
You can implement these and feel free to ask more questions.
Happy coding!
Marked as helpful0@gilotinPosted about 2 months ago@Nico243 I'll change pixels to rem , tomorrow, thanks for the suggestion.
When you make updates on your code, It's not going to upload automatically on your Git file so we have to do this manually.
git status 2 git add . (Adds all new updated files) git commit -m "Description of your change"
git push origin main This will upload the updated files to your git
Can you explain what you mean, I don't see any problem with the code, or you are watching the history of code updates ?
For pushing new updates I'm trying to use :
ADD:, UPDATE:, CHANGE:, DELETE: etc. before the massage to clarify what I'm doing. I'm pushing via VS code git extension.
Is there any problem with that ?
For the footer I'll check , in older challenges , because I don't have one here, but thanks for the suggestions, really appreciate them!
1
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