I would like to check if the semantics I'm using is aligned with the market.
I would like to know how to work more with the focus function. I mean, when I click, the anchor gets green, but when I unclick, it stays green, and I would like it to go back to white. Any tips??
That I managed to style lists and tables! Note for future me: If you will comeback to this later on, use SASS because your CSS file is a mess.
What challenges did you encounter, and how did you overcome them?Definetly styling lists and tables. I did a lot of MDN research about ul, li and tables which helped me with that task.
What specific areas of your project would you like help with?If semantic is correct
Hey!
Congratulations on finishing your project.
I'm a newbie on web development, but I would recommend maybe CSS Grid instead of tables. It would make your life a little bit easier.
Also, maybe not every thing needs a class right now, but really, I wouldn't know at this point kkk
That was really close from the last challenge so i'm not really proud about something particuraly.
What challenges did you encounter, and how did you overcome them?I dont think i encounter a challenge.
What specific areas of your project would you like help with?I just want to know what i did wrong and what i can improve and what is the best practice i didn't use ?
First of all, you are using sooo many divs, this might not be necessary. For example, this example is cleaner and works just as fine, adjusting css:
<div class="flexbox"> <img src="assets/images/avatar.png" alt=""> <h1>Name</h1> <h2>Location</h2> <p>"Front-end developer and avid reader."</p> <div class="box-links"> <a href="https://github.com/">Github</a> <a href="https://www.frontendmentor.io/">Frontend Mentor</a> <a href="https://www.linkedin.com/">LinkedIn</a> <a href="#Twitter">Twitter</a> <a href="#Instagram">Instagram</a> </div> </div>This would minimize your html and css a lot, try it if you want =)
Just used flexbox for centering the card.
What challenges did you encounter, and how did you overcome them?No big challenges faced.
What specific areas of your project would you like help with?I would like feedback on my code if I made a mistake somewhere.
I just find a little weird to use so many broken numbers as "em" and "rem", but I really don't know what is the standard practice.
Also, it is new for me the use of three different stylesheets, but it can be more organized, I liked it.
I'm sorry I can't give any specifics feedbacks, because it seems fine for me and I am just a begginer =)
I am proud that I was able to create this project in just a few hours. I have coded in these languages before, but not well and not for a very long time. Next time, I will try to apply these new skills to break down the problem in a more orderly way instead of all willy nilly.
What challenges did you encounter, and how did you overcome them?I encountered problems with the spacing, padding, Google Fonts -- even setting up the project was quite a challenge for me. I overcame them by searching my problems on Google and was able to troubleshoot solutions.
What specific areas of your project would you like help with?Here are a few things I would like help with:
Hey!
Your HTML file is great. It is awesome that you found a solution different than mine. Maybe using "display: flex" at the body component would be easier to space things out without having to create a new class (the container) to work with the text.
One site that always helps me with flexbox is this one: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Abraços from Brazil!
