P
@harshitkumarpatel28Submitted 3 days ago
Latest solutions
Four Card Feature Section //. HTML & CSS
PSubmitted 3 days agoJust looking over the code and spotting any suboptimal solutions, and pointing the out. Especially accessibility.
Product Preview Card // HTML & CSS
PSubmitted 10 days agoHow could I make this card even more accessible?
Recipe Page // HTML & CSS
PSubmitted 12 days agoWas my choise for semantic HTML OK? I'm trying to work on my accesibility-skills.
Social Links Profile // Vanilla HTML & CSS
PSubmitted 17 days ago- Is it good semantic html to keep the <a> inside the <p>?
- How do i use the transition-property to make the background-color change back to grey smoothly? I apply the transition on my .primary-button, but the it transitions the entire button causing a layout-shift.
Blog Preview Card // Vanilla HTML & CSS
PSubmitted 20 days agoProperly understanding then hierarchy of priorities within CSS, and properties affect eachother, especially when it comes to sizing.
Latest comments
- P@klhaugPosted 3 days ago
Hey!
Looks great.
Take a look at the colored top border. If you look closely you'll see that in the design the bottom of the colored line is without curves.
See if you can figure out a solution to that.
Hint: Look into adding an extra element instead of using top-border.
1 - P@klhaugSubmitted 10 days agoWhat are you most proud of, and what would you do differently next time?
Thinking through the entire structure before I even wrote a single line of code. And also keeping the code pretty clean, not using unnecessary class-names and id's.
What challenges did you encounter, and how did you overcome them?Not having the proper images delivered. I solved it with using the proper one, and then cropping and scaling it with a container and transform.
What specific areas of your project would you like help with?How could I make this card even more accessible?
- @Dannyx-huberfSubmitted 5 days agoP@klhaugPosted 5 days ago
Hey! You're well on your way here.
Some things you could check out to improve your solution:
- Making the img and the text-section 50% each of their container width, so that the "line" separating them is in the center
- Set the background-color on the text-section to white, and the body {background-color} to the one you now have on your text section
- Put a fixed height on your button
Keep up the great work!
0 - @5eisenBergSubmitted 11 days agoP@klhaugPosted 11 days ago
Hi!
Looks great!
To make it look more alike the design, take a look into display:flex. You can then adjust the gap between the items to make the spacing more even.
Good luck, and keep up the great work!
0 - P@svetlanakachanSubmitted 12 days agoP@klhaugPosted 12 days ago
Looks great!
Seems like you have the same issue as me, that the numbers in the Outfit font on the ordered list doesn't look like in the design file...
Great job!
Marked as helpful0 - @jhMozzieSubmitted 17 days agoP@klhaugPosted 17 days ago
Looks good!
Tip: Take a look at your padding to make the content breathe a bit more inside the card.
Keep up the good work!
0
