What are you most proud of, and what would you do differently next time?
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
SIBI
@sibi404
All comments
- SIBI• 80
@sibi404
Posted
All good. You have to add proper padding
0 - Linda Jensen• 80
@lindajensen
Submitted
What are you most proud of, and what would you do differently next time?
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?
SIBI• 80@sibi404
Posted
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
0 @annasandrade
Submitted
SIBI• 80@sibi404
Posted
Well done. Solution is almost like the given design.
0- Linda Jensen• 80
@lindajensen
Submitted
What are you most proud of, and what would you do differently next time?
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
- Is using an image as a pointer the "correct" solution to the problem? Are there other ways of solving it? Like is it possible to change the color of the pointer?
- Is using rems or ems one way to make the font-size smaller on smaller screens? Is that how they work? Or is there another solution?
- How do you design for mobile-first? Like practically? Do you just make your screen the size of a mobile screen and start coding or is there another, better way of going about it?
SIBI• 80@sibi404
Posted
Awesome!! keep coding
0 - salmi chahid• 70
@chahidsalmi
Submitted
SIBI• 80@sibi404
Posted
Awesome. Final output looks exactly like the given design
Marked as helpful
1 - Dylan Molthu• 70
@dmolthu
Submitted
What are you most proud of, and what would you do differently next time?
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.
SIBI• 80@sibi404
Posted
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
Marked as helpful
1
