@DavidMorgade
Posted
Hello Johnson, welcome and congrats on finishing the challenge!
Don't feel bad for using Bootstrap, you can use any tool you want to archive your solution, but I would recommend you to stick to CSS before jumping straight forward to a framework or library, framework appears and dissapear, some are used for a lot of time and then people stop using them because they became less popular, but CSS will always be the same, they will add more things but the old good things that you learn will always be there, the same goes with Javascript frameworks and plain JS.
For this challenge you could have perfectly use a breakpoint mediaquery from 375px to 768px for the mobile 2 1 column two row component, and from 768px + a breakpoint mediaquery with 2 columns and the whole container for the component!
You could have also center your main component using flexbox on the body instead of margins, you can remove those bootstrap margins and use flex on the body like this:
body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
min-height: 100vh;
}
Hope my feedback helped you, if you have any doubts don't hesitate to ask anything!
Marked as helpful