WIP: SMA-26-Implement-the-main-page-design #30
Conversation
There was a problem hiding this comment.
The main purpouse of components is to create reusable code, try to remake the search bar to be usable in other places as well.
I it really nice that you are making the page responsive, however, I would do the tasks from the most important to the least important. Right now, we need to get the frontend to exist :D, then we need to connect it with the backend and only after that we should focus on responsive design.
Try to get the design to look good on mobile, don't worry too much about the desktop view for now
| } | ||
| } | ||
|
|
||
| return ( |
There was a problem hiding this comment.
I don't think this is needed, just reuse the SportsButtonComponent
| <div className="components-container"> | ||
| <MainPageSliderComponent /> | ||
| <MainPageSearchBarComponent /> | ||
| <MainPageSportsBtnComponent /> |
There was a problem hiding this comment.
Use sportsButtonComponent intead
| import '../styles/MainPage.css' | ||
| import { FaSearchLocation } from 'react-icons/fa' | ||
|
|
||
| function MainPageSearchBarComponent() { |
There was a problem hiding this comment.
I would just call this Search Bar component to show that it can be used anywhere, not just on the main page
| position: relative; | ||
| } | ||
|
|
||
| .slide img { |
There was a problem hiding this comment.
Slide should be in css of the slide component so that it can exist independently of the main page component
| outline-color: #e85f29; | ||
| } | ||
|
|
||
| .search-container-btn { |
…ons with css files'
MatejFrnka
changed the title
No description provided.