N/A
What challenges did you encounter, and how did you overcome them?N/A
What specific areas of your project would you like help with?open to any feedbacks
I'm most proud of the fact that I figured out the whole link-button-hove situation. I thought the links where suppose to be buttons (maybe they were?) but then I couldn't get the hover thing to work. So then I tried wrapping the buttons in anchor-tags which solved the problem but when I tried to validate my code I got a bunch of errors. But eventually I figured out that they were suppose to be links (duh it's called social links profile lol).
What would I do differently? I don't know. Maybe try and finish the challenge in one sitting, because it's difficult working on it and then not doing anythin on it for like a day and then picking it up again. But I have a full-time job and work has been crazy for a few days and sleep is a thing so...
What challenges did you encounter, and how did you overcome them?The button-problem. Which wasn't really a problem because they were suppose to be links. I'm guessing. I also had a problem with the bottom part of my buttons (before I turned them into links) disappering which I have no idea what that was about or how I solved it.
What specific areas of your project would you like help with?When are you suppose to use buttons and when are you suppose to use links? I mean links are links and buttons are buttons, but I mean what do you use buttons for? Is it just like submit, send, and stuff like that?
You have to use links to take the user to a new location. It can be different page or different section of the current page. Buttons are used to trigger any actions like submitting forms, opening menu etc.
Your solution is very good and I appreciate your work
My second Frontend Mentor Challenge and I'm really proud of the fact that I found a solution to the whole cursor:hover dilemma. I'm not sure using an image was the correct way to go, but it did solve the problem.
If I could do it all over again I would probably try a mobile-first approach. I really need to practice that and a lot of people says that's the way to go. I'm just really new to this whole coding thing and I'm not really sure how to go about it. Like do I just make my screen smaller and start from there?
What challenges did you encounter, and how did you overcome them?One challenge I encountered was how to make the pointer change when I hovered over the link. I Googled forever and couldn't find a way to change the color of the pointer. So after quite some time I decided to use an image as a pointer. I hadn't done that before but it wasn't all that difficult.
Another challenge I encountered was the font-sizes. In the description it said "The font sizes in this project a slightly smaller in the mobile layout. Find a way to reduce font size for smaller screens without using media queries." I decided to use rem, but I'm not sure that's a solution to the problem. I tried using the calc() function, but I couldn't get it right.
What specific areas of your project would you like help with?Questions
Awesome. Final output looks exactly like the given design
I'm most proud of the fact that I was able to recreate the sample almost perfectly on my own. Next time I would definitely switch up some styles if the project requirements allow me to.
What challenges did you encounter, and how did you overcome them?I had the problem where I forgot to link my CSS file to my HTML, so the styles weren't showing up on the page. I took a moment to figure it out and I finally realized.
What specific areas of your project would you like help with?None.
Try to add appropriate colours
p {
font-family: "Outfit", sans-serif;
font-weight: 400;
font-size: 15px;
text-align: center;
color: hsl(220, 15%, 55%);
}
While styling paragraph or like tags try to specify the parent div
Another thing I noticed is that the width of card is small than the actual size