ng-the-engineer

export const fetch = async () => {
  const result = '';
  return result;
};

ng-the-engineer

import axios from "axios";
export const fetch = async () =>
  await axios.get("https://api.spacexdata.com/v4/launches/latest");

ng-the-engineer

const mockedResponse: AxiosResponse = {
  data: {
    name: "Henry",
  },
  status: 200,
  statusText: "OK",
  headers: {},
  config: {},
};

ng-the-engineer

.grid-container {
  display: grid;
  padding: 0 0;
}

.container-column-2 {
  grid-template-columns: 50% 50%;
}

ng-the-engineer

.cv-name {
  color: #40739e;
  font-family: "Tinos", serif;
  font-size: 35px;
}

ng-the-engineer

<link rel="stylesheet" type="text/css" href="css/grid.css" />
<link rel="stylesheet" type="text/css" href="css/header.css" />

ng-the-engineer

<link href="https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/>

ng-the-engineer

<div class="grid-container container-column-2">
  <div>
    <div class="cv-name">John Doe</div>
  </div>
  <div>
    <ul>
      <li>john.doe@gmail.com</li>
      <li>linkedlin url</li>
      <li>+44 7890 123456</li>
    </ul>

ng-the-engineer

.contacts {
  list-style: none;
  float: right;
  margin: 0 0;
  font-size: 10px;
}

.contact-item {
  font-size: 8px;
  font-family: "Saira Extra Condensed", sans-serif;

ng-the-engineer

<ul class="contacts">
<li><span class="contact-item">john.doe@gmail.com</span></li> 
<li><span class="contact-item">linkedlin url</span></li>
<li><span class="contact-item">+44 7890 123456</span></li>
</ul>