Made hero image start at column line 1 and end at column line -1

removed max-width: 100% and changed to width: 100% - this was messing with my images.

centered items, put a border around social icons, changed colours

removed text decoration and changed link colour on hover to orange

Added image, text. and button.

Updated the social icons by allowing the images not to be cropped by the border radius.

Removed border from buttons

Adjusted font size for extended section as it seemed smaller than the figma image.

Added orange colour to quotation marks

Added a margin to bottom of extended section to create more space between section and footer

Fixed some issues with the social icons too

Made some fields required and added styling to submit button and margins to form fields

Labels appear above inputs.

First name and last name appear side-by-side

City and postcode also appear side-by-side

Amended dropdown field. I used the incorrect tag before.

Added margins between fields so the fields are easier to read.

Increased height of the input fields so the form is easier to use.

Changed the radio button to orange.

Removed div containers to allow left and right containers to span across whole width.

Adjusted grid-column on left and right containers so there is a white margin on the left hand side.

Created grid for left container to position h1 and form elements on the left side.

To allow for more spacing around the top and bottom of the form heading and form

The image now stays centered within the container and fills the space.