@correlucas
Posted
๐พHello Mohak, congratulations for your solution!
I saw that you've add all the content, now we've only to give it some styling.
First you need to move the properties for the component from body to another <div>
or <main>
if you prefer, in this case is better to use grid
because its simple. To create the component with two columns all you need is display: grid
max-width: 900px
and grid-template: columns;
doing that you'll have a two columns component and each div under this component will have 450px
.
To manage the mobile version you'll need media queries, I'll let you some links about grid
and media queries
this way you can see the documentation and apply it:
GRID: https://css-tricks.com/snippets/css/complete-guide-grid/
MEDIA QUERY: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Hope it helps and happy coding!
Marked as helpful
@mohak-muskan
Posted
@correlucas Thanks for your time. I will definitely look up the resources you provided.