Improved books section in Learn

[Riddhima23]

Issue Description

The Books section was disorganised with irregularities in alignment of text with pictures and spacing between rows.
Before:
No spacing between two rows leading to crowding of books:

The position of text is not in accordance with the pattern of rest of the page:

Image of the book overflowing leading to shift in the title of next book:

Image of the book not aligned with the text :

No wrapping of text in the paragraph:

Overall the Books section looked somewhat like this:

final_6075112b445d0500ad3bd6b1_157559.mp4

Fixes #1403

Changes Made

Added space between them to avoid overcrowding:

Changed the alignment of title of the book in accordance with the rest of the site:

Fixed the overflowing image of the book :

Added top-margin to align the image of the book with the text:

Increased bottom-margin to make the text aligned:

This is how the final Books section looks like:

final_607510bd42ef460069abda5a_45834.mp4

• Please check if the PR fulfills these requirements

• PR is descriptively titled and links the original issue above
• Before/after screenshots (if this is a layout change)
• Details of which platforms the change was tested on (if this is a browser-specific change)
• Context for what motivated the change (if this is a change to some content)