Skip to content
OverviewSolutions
2
Comments
3

valryanb

@valryanb50 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

  • Farid_Danilo•140
    @FaridDanilo
    What are you most proud of, and what would you do differently next time?

    Being able to complete this new exercise fills me with pride to learn new techniques and creativity for future designs of my own.

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

    As it is still my weak point, it is learning and improving how to position the divs correctly where I want them to align or center where I want them.

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

    I would like guidance on how to improve my ability to properly align the divs and HTML tags on my web page, especially to position them where I want them on the page.

    Social Links Profile Design

    2
    valryanb•50
    @valryanb

    Hi Farid,

    Beautiful solution.

    Since you said you are a beginner, here are some tips on positioning Div elements properly with CSS.

    To move your elements up, down, left or right, you can either use padding (best practice) or margin.

    As a beginner, try adding 'padding-left', 'padding-right', 'padding-top' and 'padding-bottom' values to your CSS elements and experimenting with pixel sizes until you find something you like. When you're ready to move on from there, check out padding (or margin) shorthand.

    I hope this helped you. Good luck!

  • Joshua Walters•50
    @iamkyrin
    What are you most proud of, and what would you do differently next time?

    I am most proud of my flexbox and CSS grid skills

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

    none

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

    Checking if the media query is correct, not sure if I missed something

    Social Links Profile Solution

    1
    valryanb•50
    @valryanb

    Hi Joshua,

    Nice solution. You asked for help about media queries. Media queries can be tricky because when setting min or max width, you have to essentially do the opposite of what seems logical. For example, to target all screens larger than 768px, you need to set the minimum width the media query works on to 768px. (min-width, not max-width)

    I hope this helped!

    Marked as helpful
  • Aonullahi•10
    @Aonullahijimoh
    What are you most proud of, and what would you do differently next time?

    I will make sure I calm down during coding exercise because my impatient cost me more headache and time was consumed.

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

    The box radius for the body was not implementing until I made more researches on YouTube and asked my friends before I realized where the mistake was

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

    My button is touching both right and left end of my page which is not suppose too. Even after applying margin, it still didn't change.

    Order summary component responsive landing using media quary

    2
    valryanb•50
    @valryanb

    Hi Aonullahi,

    Your button is touching both sides because you have its width set to 100%, which takes up 100% of the parent container. (The parent container being your Wrapper div.)

    You should try adding padding to your Wrapper div so you have space around your button (btn) element.

    Let me know if this helped you!

    Cheers, V