Skip to content
OverviewSolutions
4
Comments
5

Mo Shanib

@shanib-code40 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Mo Shanib•40
    @shanib-code

    You need learn some topics like width, img tag for batter understanding. Keep practice good luck.

  • Mo Shanib•40
    @shanib-code

    good but some things may improved. nice work bro.

  • wxyzz22•240
    @wxyzz22
    What are you most proud of, and what would you do differently next time?

    I learned about "stack" design in CSS.

    I also learned to use rem more when working with font sizes. This allows the user to be able to adjust their screen font sizes according to their needs.

    I have more experience working with margin in CSS. Understanding default margins applied through "inspect"/"devtools" and then resolve the margins respectively.

    I learned about using @media to make CSS design more adaptive to user screensize.

    I also learned about styling the pseudo classes:

    • keyboard traverse through links <a>; while <a> usually immediately wraps the text, the focused/hover state should usually style the wrapper of <a> -- thus one can use focus-wiithin
    • a pseudo class can be think of a class, and so we can style children of a pseudo clas as well (e.g., style the <a> element inside the pseudo class li:hover)

    Finally, I can view and style the design more readily in terms of groups of elements (e.g., the design at first looks like 5 groups of elements, but are actually 4 groups of elements).

    What challenges did you encounter, and how did you overcome them?

    I wanted to add <a> tag to wrap around the list items. However, the focus state automatically focuses <a> instead of the <li> items. After some searches, I learned about focus-within pseudo state which solved my problem.

    What specific areas of your project would you like help with?

    I think I still don't have a systematic way to go about styling CSS. I usually start from the outer most element and then go inside each small element. Is there a better system out there? Welcome any suggestions.

    Social Links Profile Pseudo Class and Interactive Screensize

    1
    Mo Shanib•40
    @shanib-code

    good job bro you are a copy master.

  • Gurjit05K•170
    @Gurjit05K
    What are you most proud of, and what would you do differently next time?

    This website was helpful for me to learn new things and i enjoyed learning new features.

    What challenges did you encounter, and how did you overcome them?

    As this kind of website was new to make for me I did face challenges in styling.

    What specific areas of your project would you like help with?

    As a curious learner I would like to get help in learning every new and old things to gain skills.

    Blog preview card

    1
    Mo Shanib•40
    @shanib-code

    good job brother nice work.

  • Mo Shanib•40
    @shanib-code

    your code is code and look like same as original , but you can make this card in center of the screen. Good luck and do practice.