TheOtherBrian1

<svg id="practice_svg" width="917" height="839" viewBox="0 0 917 839" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path 
        id="Heart" 
        fill-rule="evenodd" 
        clip-rule="evenodd"
        d="M837.862 458.858C837.981 458.74 838.098 458.622 838.216 458.505C943.072 
        353.649 943.072 183.644 838.216 78.7883C733.361 -26.0675 563.356 -26.0675 
        458.5 78.7883C458.382 78.9061 458.264 79.0241 458.147 79.1421L458.146 79.1418L458.146 
        79.1421C353.262 -25.3602 183.522 -25.2425 78.7837 79.4954C-25.9542 184.233 -26.0722 
        353.974 78.4301 458.858L78.6658 459.094L78.7837 459.212L458.146 838.574L837.863 

TheOtherBrian1

:root{
	--phone-size: 480px;
	--tablet-size: 760px;
	--laptop-size: 1024px;
	--desktop-size: 1200px;
}
/*your css here*/

/*modifying code for different screen sizes*/

TheOtherBrian1

.flex-wrapper{
	display: flex;
	
	/*centers on the x axis*/
	justify-content: center;
	
	/*centers on the y axis*/
	align-items: center;
}

TheOtherBrian1

.grid-wrapper{
	display: grid;
	justify-content: center;
	align-items: center;
}

TheOtherBrian1

.flex-container{
  display: flex;
  justify-content: "center";
}

TheOtherBrian1

.flex-container{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

TheOtherBrian1

.flex-container{
  display: flex;
  flex-direction: column;
}

TheOtherBrian1

.flex-container{
  display: flex;
  flex-wrap: wrap;
}

TheOtherBrian1

.flex-container{
  display: flex;
  align-content: center;
}

TheOtherBrian1

.flex-container{
  display: flex;
 }
 
 .child1{
  flex-basis: 1;
}

.child2{
  flex-bais: 1;