Jitesh Kumar Sahoo• 315
@Jitesh117
Submitted
Do you guys think that learning grid is useful if I already am comfortable with flexbox? Does it help learning grid to do more complex layouts?
Eklemis Santo Ndun
@eklemis
All comments
- Eklemis Santo Ndun• 620
@eklemis
Posted
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
1 - Muh Suryadi Triputra Rahman• 390
@msuryaditriputraR
Submitted
I am happy to get feedback especially for my Responsive design
Eklemis Santo Ndun• 620@eklemis
Posted
Udah mantap mas bro!
Responsive semua screen. Great job lah! Haha Salam kenal!
0 - Joseph Weathington• 20
@Joeweath
Submitted
What is the best way to add margin to CSS grid that's also responsive? I didn't work on my website being responsive as I focused on my new grid skills instead.
Eklemis Santo Ndun• 620@eklemis
Posted
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
0 - PTeano Goss• 130
@tcaturani-goss
Submitted
Wasn't sure how to get the underlines below my "learn more" links to offset right without disappearing. If anyone could lend me a hand I would deeply appreciate it. This was my first time trying to master flex-box and CSS Grid specifically grid-template-areas because they are awesome!
Eklemis Santo Ndun• 620@eklemis
Posted
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
1 - nanc• 940
@naiiiden
Submitted
Looking on opinion about the navigation menu if I there's a better way to do it.
Eklemis Santo Ndun• 620@eklemis
Posted
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
0 - Aleksandr Fedotov• 1,060
@aleksFedotov
Submitted
Feedback will be highly appreciated
Eklemis Santo Ndun• 620@eklemis
Posted
Great job my friend!
I wish i can start my journey with React soon!
Keep creating!
0 - Albert• 100
@AlbertSigsbert
Submitted
Any feedback is welcomed
Eklemis Santo Ndun• 620@eklemis
Posted
You doing a great Job Albert! Congratulations! Also you can improve the solution by adding option to mark a task as completed when user add a new task.
keep creating!!
0 - Sebastian• 770
@Sebastian-1406
Submitted
Cualquier comentario para construir se agredece ... :)
Eklemis Santo Ndun• 620@eklemis
Posted
Completed nicely!
Marked as helpful
0
