some change

src/components/Services.js

@@ -2,31 +2,25 @@ import React from 'react';
 import {Link} from 'react-router-dom'
 import {connect} from 'react-redux'
 
-// import {
-//     getServices,
-// } from "../actions/actions";
-
-
 export class Services extends React.Component {
     render() {
         const {data} = this.props;
-        console.log ("data:", {data})
-
-            return (
+        // console.log ("data:", {data})
 
+        return (
             <div className="main">
                 <div className="wrapper">
                     <div className = "doctors-wrap">
-                           { 
+                        {
                             data.map ( el => (
-                                <div key={el._id} style={{display:'flex',flexDirection:'column', width:'200px', margin:'10px 20px'}}>
+                                <div key={el._id} className = "item">
                                     <p>{el.name}</p>
                                     <p>Длительность: {el.duration} ч.</p> 
                                     <p>{el.description}</p>
                                     <p>Цена: {el.price} грн.</p>
                                     <div>
-                                        <Link to={`/services/${el._id}`} className = "btn more ">Подробнее ...</Link>
-                                        <button className = "btn link">Записаться на приём</button>
+                                        <Link to= {`/services/${el._id}`} className = "btn more "> Подробнее ... </Link>
+                                        <button className = "btn link"> Записаться на приём </button>
                                     </div>
                              </div>
                             ) )
@@ -38,7 +32,6 @@ export class Services extends React.Component {
     }
 }
 
-
 const mapStateToProps = state => {
     return {
         data:state.app.services
@@ -46,7 +39,10 @@ const mapStateToProps = state => {
 };
 
 const mapDispatchToProps = {
-    // getServices 
+
 };
 
-export default connect (mapStateToProps,mapDispatchToProps)(Services)
+export default connect (mapStateToProps,mapDispatchToProps)(Services)
+
+
+

src/style/all.scss

@@ -344,7 +344,7 @@ h2 {
 		justify-content: center;
 	}
 	.logo-box {
-		margin-right: 50px;
+		margin-right: 0px;
 		padding-top: 15px;
 		@media (max-width: 768px) {
 			margin-right: 0;