Skip to content
OverviewSolutions
14
Comments
12
Mansour
@Mansour0007

All comments

  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    Thank you Vanza Setia, I'm really grateful that you highlighted all of these points so i can learn from them. very helpful feedback and i will be working to improve in all of these areas Thank you

    0
  • Mansour•220
    @Mansour0007Submitted almost 3 years ago

    I struggled with alignment and mobile first design i'm still trying to improve in classes naming any feedback are welcome thank you

    Social proof challenge

    2
    Mansour•220
    @Mansour0007Posted almost 3 years ago

    Thank you darryncodes that BEM link will help me a lot in understanding the subject , and about transform: translate x/y never really crossed my mind , thank you for mentioning it will try my best in that matter

    0
  • Ekrem İlkan•90
    @ekremilkanSubmitted almost 3 years ago

    Hello everybody. Here is my solution for profile card component. I've got some issues on background section. I'm open to advices for it. Thank you ! :)

    Responsive Profile Card Component

    2
    Mansour•220
    @Mansour0007Posted almost 3 years ago

    Hello Ekrem Good job Try using background positioning background-image: url(/images/bg-pattern-top.svg), url(/images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: right 52vw bottom 35vh, left 48vw top 52vh;

    Good luck

    Marked as helpful
    1
  • debu100•20
    @debu100Submitted almost 3 years ago

    I am not able to make my website responsive. Whenever I try and use media queries I always seem to mess things up. Can someone please guide me on how to use media queries correctly and make a website responsive.

    WEB DESIGN

    2
    Mansour•220
    @Mansour0007Posted almost 3 years ago

    Hello debu try using https://www.netlify.com/ to deploy your website you can drag and drop your file and automatically you get the site ready and also try not to use fixed width to elements instead use max-width - min-width

    0
  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    hi PhoenixDev22 i tried and put the same text in all cards in dev tools the problem was solved , i think it's just the text trying to adjusting and some cards have more text than others so you see them shrinking . i'm not sure it's considered a problem or not but that what i saw in dev tools . waiting for other devs to give their opinion so we could learn from this good luck

    1
  • Kheyyon Parker•10
    @keyy123Submitted almost 3 years ago

    I am having a bunch of issues with deploying to github pages. More specifically, Getting the image to display on Github pages. On my local development, I made more changes so it looks better than outline on live url but I can't get the image to display...

    My First Challenge

    2
    Mansour•220
    @Mansour0007Posted almost 3 years ago

    i recommend you to use Netlfy it's easier u just drag and drop your file and you are live https://www.netlify.com/

    0
  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    Thank you Tymur Renhach i will see BEM structuringand give it a try

    0
  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    Hi Ajay good solution , try giving the .card max-width: 256px; or any number you see fit instead of width:300px; so it become more responsive hope that well help you

    Marked as helpful
    0
  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    Hi Mishal good job try this on the body

    background-image: url(/images/bg-pattern-top.svg), url(/images/bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: right 52vw bottom 35vh, left 48vw top 52vh;

    the positioning of both images hope that will help you good luck

    1
  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    Thank you Buhaianu Remus for helping, very informative response i will try everything you mentioned hopefully i will get it right thank you

    0
  • Mansour•220
    @Mansour0007Posted almost 3 years ago

    Thank you darryncodes much appreciated i've just started the course Conquering Responsive Layouts by Kevin Powell and the first video was about avoiding fixed width just like you said 👌 and defintly will try background-blend-mode: multiply; and see the results thank you again

    0
  • Mansour•220
    @Mansour0007Submitted almost 3 years ago

    I've added some improvements, any suggestions are appreciated

    Flex box

    2
    Mansour•220
    @Mansour0007Posted almost 3 years ago

    Thank you, it was very helpful i spent some time trying to put the card in the middle your tip helped me cheers

    1