Simon
@Oldault
All solutions
Submitted
Room website
- HTML
- CSS
- JS
Submitted
**The problems I had:**
1.Everything javascript. I found both the REview carousel, and the pop-up mobile navigation menu seriously challenging. I think i can make both of those elements much better with practice, but this time, i couldn't figure it out. (For the carousel; you need to click it first, then use the left/right arrows to make it move) 2.Putting the big orange ellipse/stadium thing in the back ground. I couldn't make it responsive to screen size. Not even mentioning the hard time i had to just put them there๐ . 3.The email submit section at the footer. I made an input email type, but im not sure it's really functioning as it should. The only error it shows is when you dont input the "@" character. 4.I wasn't sure how to make the List item(Track company-wide progress, Advanced built-in reports, Everything you need etc..) match the mobile verison of the screenshot design. So i decided to keep "desktop design". 5.I have no clue how to make the avatars on the review carousel pop-out of the grey div, and be halfway outside. So I just wrapped the entire review in a block. 6.The logo dissapears whe you open the navigation menu on mobile.
Submitted
-I couldn't find a way to make the desktop sized webpage responsive, so I improvized and made the mobile version expand; instead of making large webpage shrink. -I had a hard time figuring out how to change the picture based on the size, so i just used the desktop version of the picture on the mobile style. -I still don't know how to change that grey picture to a different colour using code. So i went ahead and modified it using PhotoShop (+Added bonus to the girls laptop) -The webpage isn't responsive when you higly alter the height of the webpage. It can support the width changes but when you start converting the heigh, it doesn't adjust. -I find that the margin is way too big between ~500-350px width, and i dont know how to change it. -It isn't responsive past 250px width for some reason.