Resposive-cake-webpage - #1
Conversation
|
Hi Mahmut, |
|
Hi Lucy, I have just completed some part of homework. There is a lot more work to do but before class at least i can push this one. thanksss :) |
LucyMac
left a comment
There was a problem hiding this comment.
Nice @MahmutSel, thanks for pushing your changes 🙂
Now you can add some media queries to make the 4 cake boxes sit in a row on desktop.
| } | ||
| header nav ul { | ||
| margin:20px 0px 0px 20px; | ||
| float:right; |
There was a problem hiding this comment.
Don't use floats - use flexbox instead!
| } | ||
| header nav ul li { | ||
| display:inline-block; | ||
| float:left; |
There was a problem hiding this comment.
Don't use floats - use flexbox instead!
| } | ||
| .index-banner h1{ | ||
| display:center; | ||
| width:1000px; |
There was a problem hiding this comment.
This is breaking your page layout because the rule applies even when the screen size is smaller than 1000px.
Can you remove it and make the layout work using flexbox?
|
Hi Lucy, I removed the 1000px scren size, it is better now. thanks. But I am not very succesfull at converting float to flexbox. I think i am missing some points but I couldnt find it where the problem is. |
No description provided.