myPR #6
myPR #6
Conversation
There was a problem hiding this comment.
https://prnt.sc/ote5s6 no extra indentations for header, it must have the same width as main block and footer
https://prnt.sc/ote6x6 the top of the image is cut off + 'some address' is not a good placeholder
https://prnt.sc/ote7lp add left indentations for user text
https://prnt.sc/ote7zo fix the styles according to the mockup
https://prnt.sc/otebqj user text must be black + width of the input has to be the same as the width of the whole block
https://prnt.sc/oteceb remove outline from here or make the same outline for every input
https://prnt.sc/oteifc left indentation must be the same for these blocks, check the mockup
https://prnt.sc/otemep make sure these block have the same indentations
https://prnt.sc/oteoqn make sure these images look the same as in the mockup
https://prnt.sc/oteq3z fix this (from 641px to 1024px) and the same with footer
https://prnt.sc/oterbc you don't have this block
https://prnt.sc/oterl7 why is it centered?
Check alt-attribute everywhere, it must contain some content.
| <header> | ||
| <div class="header box-content"> | ||
| <a href="#" name="back_to_top" class="logo"> | ||
| uber <span>eats</span> |
| <div class="asap"> | ||
| <input type="button" name="asap__button" value="ASAP" class="filead asap__button button"> | ||
| <p class="asap__text">to</p> | ||
| <div class="asap__adres filead"> |
|
|
||
| </div> | ||
| </form> | ||
| <div class="inits_button"> |
There was a problem hiding this comment.
rename inits-button to something more recognizable
| <div class="inits_button"> | ||
| <a href="#" class="sign-in filead button">Sign in</a> | ||
| <a href="#" class="register filead button">register</a> | ||
| <a href="#" class="basket"><img src="./img/icon/basket.svg" alt=""></a> |
| </header> | ||
| <main> | ||
| <div class="box-content"> | ||
| <div class="search"> |
There was a problem hiding this comment.
add margin to this block, no need to add padding to each child element separately
| <p class="menue__item__time"> 25-35 Min </p> | ||
| </div> | ||
| <div class="menue__item"> | ||
| <img src="images/menue__items__img/95b745f6ce6a45903c3ed254afd72e46-w550-272.png" alt=""> |
| <div class="menue__item"> | ||
| <img src="images/menue__items__img/95b745f6ce6a45903c3ed254afd72e46-w550-272.png" alt=""> | ||
| <p class="menue__item__restaurant">WOKWEI</p> | ||
| <ul class="menue__item__tag one__tag"> |
| </div> | ||
| <div class="footer__info"> | ||
| <ul> | ||
| <li class="select__lang"> |
| <ul> | ||
| <li class="select__lang"> | ||
| <img class="globe" src="images/icon/Shape1.svg" alt=""> | ||
| <select class="" name=""> |
There was a problem hiding this comment.
- make
<select>dropdown width the same as in the mockup - https://prnt.sc/otel0l this arrow has to work when you click on it
| <a href="#">Privacy</a> | ||
| <a href="#">Terms</a> | ||
| </div> | ||
| <a href="#back_to_top" class="button__up"> |
There was a problem hiding this comment.
place this on the bottom on the page and don't stick it, because it covers other content
No description provided.