@woyczi
Submitted
@NiklausRupail
@woyczi
Submitted
@NiklausRupail
Posted
Great solution, good luck on future ones
@Bahbah89
Submitted
Fun challenge to experiment with flexbox more and making the website responsive on mobile phone. 2 main struggles I had with this one:
When researching regarding the "button" type, apparently flexbox canĀ“t be used on it. Any advice how to tackle this one is welcoming. i saw you could also use grid for this. My default answer was using position absolute :).
Any other advice or tips are most appreciated!
@NiklausRupail
Posted
Congrats on finishing the challenge! To fix button problem you should set the max-width property on paragraphs so they don't scale that much when changing viewport. Also you can delete that footer because it's not in the design and set background-color to the color in style-guide.md!
@jonexist
Submitted
This project was amazing actually but I struggle in designing this <hr> can anyone please suggest best practices for making horizontal line without using <hr> element? I'd appreciate answer/tips from this community!
@NiklausRupail
Posted
One way and the way I did it is to create a div with height of 1px
.line {
height: 1px
background: white;
width: <desired width>;
}
Marked as helpful
@Impodays
Submitted
My solution to QR-code-component challenge. Please give a review
@NiklausRupail
Posted
create a div with class container or use body tag, but you need to center that div body { height: 100vh; } and then .card { display: flex; justify-content: center; align-items: center; }
Marked as helpful