@Jitesh117
Latest solutions
Latest comments
- @eklemis
It's so useful bro.. You'll encounter that urgency in design where elements order for mobile screen is in one dimensional direction which is appropriate for flex but then when screen change to desktop the elements positioning/order are changing drastically(even different than their order in the html) which you absolutely can't keep your flexbox choice and grid become a must option
Marked as helpful - @msuryaditriputraR@eklemis
Udah mantap mas bro!
Responsive semua screen. Great job lah! Haha Salam kenal!
- @Joeweath@eklemis
Hi Joseph,
That's a great solution. Keep working and growing!
For your question about responsiveness, you have to use Media Query on your css. It is recommended that you write style for mobile screen first, then code the style again for desktop screen wrapped inside
@media only screen and (min-width: 768px) { /* For desktop: */}for desktop screen (you can add other screen size as well. I used to arrange the order like below:/* Put all style for mobile screen here */ @media only screen and (min-width: 768px) { /* Put all your style for desktop screen here */ }For more reference on this you could read hereAlso for margin of your grid you can use
vwto your width instead of 'px'. 'px' is static value, while 'vw' is portion of screen width, range from1to100vw(maximum width of the screen)Marked as helpful - @tcaturani-goss@eklemis
Hi Teano Goss,
I see you utilize text-underline to make it. Other than that you can use
::afteror::beforepseudocode to get that result as well. You can google it, there must be many resources explaining the topic.Marked as helpful - @naiiiden@eklemis
Hi Nanc,
Congratulation for working so far with the challenge. Keep coding and keep making progress!
For your navigation, i see that little triangle on on mobile screen. That one is a bit tricky but you made it. Good job! Some notes:
- The cursor for anchor must be pointer to urge user that the element is meant to be clickable. The top menu must have the same behaviour as the menu on the bottom
- All menu item should have the hover states to help user see them as clickable element
- On mobile screen, the burger button image must be changed to 'x' icon after user display the menu so the have clear idea how to close the opened menu. You can do that by change the
srcvalue of theimgelement on your#hamburgerclick event as addition to what you already write there.
That's all for now, hope you understand my comment!
Marked as helpful - @aleksFedotov@eklemis
Great job my friend!
I wish i can start my journey with React soon!
Keep creating!
