I used simple CSS property_Used the translate-Property and media-query
Design comparison
Solution retrospective
so i recently learned or knew about positions, from a video, but didn't apply them, So in this Challenge, I wanted to use them to practice them, But then I encountred a problem. Which is when you try to position an element like in my case in the center. You ll use top 50% , left 50%, But the problem here is that the origin of positioning is the pixel that is in the top left corner, so the element isn't centred in the center. That's why i searched for how I can fix this problem and yeah, I found the translate property which can translate an element, and letting it s origin to be fixed. I could say that I am proud of building a clean project, But the most thing that I am proud of. Is learning the fundamentals of git and git hub, that were really hard to deal with at first.
What challenges did you encounter, and how did you overcome them?Figuring out how to use git and github for this project, My folder name contained spaces, and the system was pointing at it. But that folder had a sub folder which Front end Mentor told me install. So i couldn't choose it because of the spaces in my folder name, I took so much time setting up eveything, Learning git. And that's it.
What specific areas of your project would you like help with?Responsivness.
- I m trying to work on my positioning skills.
- But I should also focus on responsivness aswell. Even though I still didn't get into it.
Community feedback
- @nbs-ngaoPosted 4 months ago
Hi @Journey-Grinder great job few suggestions :
Try using tags main and footer instead of div if make sense.
It's best practice linking Google fonts directly in the HTML head section rather than directly in your CSS file as it enables asynchronous downloading, improving page load times.
Hope this helps
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