I mingled with flexbox trying to find perfect solution for card and footer positioning without using position:fixed. I ended up creating an invisible div with h1 tag in it (just to use it because I feel that putting h1 tag as a name in card isn't needed, but accessibility report says otherwise ^^) to be able to use justify-content: space-around property
Latest solutions
Latest comments
- P@AbestianSubmitted 4 months agoWhat challenges did you encounter, and how did you overcome them?
- P@wraith-wallSubmitted 4 months ago
- @maafaishalSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I think use Tailwind CSS will make development time more efficient
What challenges did you encounter, and how did you overcome them?When I defined the card's width to 320px and the padding is 16px, the width is not 320px. It happened because "box-sizing: box-content" is not defined at the beginning.
What specific areas of your project would you like help with?How to design the website more efficient