@gautamjuyal
Posted
Hi Jordan. Congratulations on completing the challenge. Regarding your major question, I understand you want to ask how can you change the layout of the component for mobile view. One way to achieve that would be using flexbox and media queries. Flexbox has flex-direction property and that in my opinion is best suited for this scenario. For desktop view, set flex-direction to row(default) and for mobile view, set it to column.
.component{ display:flex; flex-direction: row; }
@media (max-width: (400px)) //mobile widht { flex-direction: column; }
Hope it helps.
Marked as helpful
@littledragonshrimp
Posted
@gautamjuyal Thank you. I'll attempt to do this in a new index file to preserve this current rendition and see how it goes.