Assessment wanted for Flexbox layout skill test 1-4 and for Grid layout skill test 1-4

MDN Learn
#1

Test skills: Flexbox:


this decision:
test 1: https://jsfiddle.net/Svitcher/t2fgbocm/5/
test 2: https://jsfiddle.net/Svitcher/ge13my9j/3/
test 3: https://jsfiddle.net/Svitcher/hL5fpy0t/2/
test 4: https://jsfiddle.net/Svitcher/oukzqsc1/3/

Test skills: Grid Layout:


this decision:
test 1: https://jsfiddle.net/Svitcher/euLr4sgh/4/
test 2: https://jsfiddle.net/Svitcher/65nh9qzg/28/
test 3: https://jsfiddle.net/Svitcher/Lkfhdqju/4/
test 4: https://Bardtinova.github.io/Grid-Layout/grid4-download.html ; https://github.com/Bardtinova/Grid-Layout
#2

Hello @Svitcher

you doing great well done
by the way all jsfiddle link redirect to single link it should be fixed like that

https://jsfiddle.net/Svitcher/euLr4sgh/4/#&togetherjs=saqkDOTpaV

should be
https://jsfiddle.net/Svitcher/euLr4sgh/4/

so remove anything starting from the # till then end of the link

and have a nice day

#3

Hello! Thank you very much for your feedback. Corrected the comment. Have a nice day too. :grinning:

#4

you very welcome and thanks a lot :slight_smile:

#5

Hi @Svitcher
Most of the stuff is correct. Great job! I would recommend you to look again at the 4th flexbox test. Check if your result is exactly the same as the finished example.

#6

you are right @Patryk_Besler well done and thanks for correcting me

check how the flex iteem grow to fix it :wink:

have a nice day both of you :slight_smile:

1 Like
#7

Hello! Thank you very much for your attention. The assignment says “to recreate the example from the sample.” If you insert the code into the template, then the task will completely match the sample on the page https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grid_skills
Perhaps I misunderstood the task? Have a nice day too. :grinning:

Task 4
Task 4647×980 95.1 KB

#8

i think @Patryk_Besler talking about this one https://jsfiddle.net/Svitcher/oukzqsc1/3/

#9

Corrected the error. Thank you all for your help! :wink:
New link: https://jsfiddle.net/Svitcher/oukzqsc1/4/

2 Likes
#10

you very welcome and well done :slight_smile: