Coding: Develop the New To Open Source Section of Contribute Page about anitab-org.github.io HOT 54 CLOSED

@sanchibansal340 https://necolas.github.io/react-native-web/docs/?path=/docs/apis-platform--page
you could try this :)

from anitab-org.github.io.

Oh okay. Thank you @Sonal240 . I will try to complete it by tomorrow :)

from anitab-org.github.io.

Okay, I will do the SectionHeader thing and mxWidth might have been by mistake, I was adding and deleting things to check if any would work. Thanks for checking.

from anitab-org.github.io.

@Sonal240 Can I work on this issue?

from anitab-org.github.io.

@Sonal240 @gaurivn I just saw that this issue requires knowledge of react and react native. I am beginner in JavaScript, so can I take 2 days to resolve it?

from anitab-org.github.io.

@sanchibansal340 I've updated the margins have a look...thanks

from anitab-org.github.io.

@Sonal240 I am almost done, there are just some minor styling issues and will submit it by day after tomorrow. Thank you for giving me plenty of time to work on this issue.

from anitab-org.github.io.

Both @sanchibansal340 if possible...else leave it to screen size

from anitab-org.github.io.

It's ok @sanchibansal340 take your time...No need to panic... You have adequate amount of time...also no Lorem ipsum text field is to be merged and the content issue for this section is not yet ready...so it's okk
@anna4j Thanks for the link 🙃

from anitab-org.github.io.

@sanchibansal340
ok are you sure about that?
can we help you somehow?

@nandini45 Yes. I will try to understand my mistake from the person who solves the issue. Thank you for your patience :)

@sanchibansal340, have a look at my PR, it may help you I think. My Pr, I used React-Native-Reflect, It is used to give responsiveness for React(Native(Web))) projects.

from anitab-org.github.io.

Hey @nandini45 can i try working on this issue if no one else is working on this currently.

from anitab-org.github.io.

yes @Aaishpra

from anitab-org.github.io.

LGTM @Sonal240

from anitab-org.github.io.

Can someone from @anitab-org/coding-team kindly take this issue ...thanks

from anitab-org.github.io.

No issues @sanchibansal340

from anitab-org.github.io.

Hey @sanchibansal340, how is it going? May you submit a pr if you are done...thanks

from anitab-org.github.io.

@sanchibansal340 Hey! Can you pls give us an update on your progress?

from anitab-org.github.io.

@abha224 I am having problem with adding spaces between the elements.

from anitab-org.github.io.

@sanchibansal340 can u tell us the issue.. so that we can help you out

from anitab-org.github.io.

@sanchibansal340 you can add justiftContent: "space-between" in the styles

from anitab-org.github.io.

@nandini45 I have been using the 'Under Construction' image as a dummy. Can you tell me how to snip the image that goes next to the 'New To Open Source' section? Also, I am having problem with the folder structure. Where should I place the folder that I created which contains the index.js file? Lastly, I am not able to view the changes that I have made? Can you please help me with that as well?

from anitab-org.github.io.

@sanchibansal340 hey! So you can add the folder you created under the Components folder which can be found inside the src folder. And in order to view the changes, you're making kindly import the component ( that you've exported from your index.js ) into the App.js which is also under the src folder. Hope that helps!

from anitab-org.github.io.

@anna4j Yes, thank you that helped. I took a screenshot of the image from the Design Link and the cropped it. Now my image is not appearing properly. Can anyone please tell me what might be the reason for this?

from anitab-org.github.io.

@sanchibansal340 okay so if you see on the rightmost side after opening the development link, there are three small icons. Select the "code" icon and then you'll actually be able to download the image by clicking on it instead of taking a screenshot. Hope that helps :)

from anitab-org.github.io.

Thank you so much @anna4j

from anitab-org.github.io.

@Sonal240 How do I have to change it to responsive, according to the platform, screen orientation or both?

from anitab-org.github.io.

@Sonal240 One last question. Do you know why flexWrap : 'wrap' might not be working because when I am decreasing the size of the browser window the image is not moving to next line?

from anitab-org.github.io.

How's it looking now? Can you share a screenshot... For both responsive and large screens ...I'll see and get back to you asap🙂

from anitab-org.github.io.

I don't think the responsiveness is working.

from anitab-org.github.io.

Have you tried changing the width to max width :(max size of screen)....or 100% of viewport ?

from anitab-org.github.io.

I will try max-width of screen but 100% of viewport is not working

from anitab-org.github.io.

Instead of width... Use max width and add max screen size value

from anitab-org.github.io.

@Sonal240 You can unassign me the issue. I am not able to make it responsive and I have already taken a lot of your and the coding team's time. I am sorry.

from anitab-org.github.io.

@Sonal240 can you help me know why flexWrap might not be wrapping elements? I have tried to search a lot but can find any results

from anitab-org.github.io.

@sanchibansal340 I read it in stackoverflow that flexWrap needs to be applied on a container rather than a specific element...if this is not working then try using grid classes...have you tried this? Also @anna4j had shared a link... Did that help you in some way?

from anitab-org.github.io.

Hi @sanchibansal340 Were you able to resolve this? let us know if you need some help

from anitab-org.github.io.

No @Akanksha1212 I am not able to. You can unassign me. Thank you for giving me time and sorry for taking so long.

from anitab-org.github.io.

@sanchibansal340 it's totally if you need more time. I think you're very close to fixing it. Can you share the screenshot of the code? Or @Sonal240 @anna4j can she make a PR and then we can suggest changes?

from anitab-org.github.io.

I'm cool with anything 🙃👍

from anitab-org.github.io.

Okay @Akanksha1212 @Sonal240 that's so kind of you. I'll share screenshots of the code

from anitab-org.github.io.

We have a component for SectionHeader use that instead of using inline styling for headings...there's a typo mxWidth line 57

from anitab-org.github.io.

Another thing, did you try Platform.OS thing without flex?

from anitab-org.github.io.

No, I didn't. I will do it and get back to you in an hour.

from anitab-org.github.io.

Any updates?

from anitab-org.github.io.

@Sonal240 Oh sorry! No, it didn't work. I just removed all flex related items and changed the maxWidth according to Platform.OS. But the image even on full-width moved to the next line and with/ without Platform.OS or flex thing: on decreasing the screen size the width of the left column(Text) keeps decreasing but the image doesn't have any effect

from anitab-org.github.io.

@sanchibansal340 any updates?

from anitab-org.github.io.

Hi @nandini45 I tried quite a few things but wasn't able to add responsiveness. I apologise for wasting the team's time. You can unassign me this issue.

from anitab-org.github.io.

@sanchibansal340
ok are you sure about that?
can we help you somehow?

from anitab-org.github.io.

@sanchibansal340
ok are you sure about that?
can we help you somehow?

@nandini45 Yes. I will try to understand my mistake from the person who solves the issue. Thank you for your patience :)

from anitab-org.github.io.

@saideepesh000 can you have a look at this issue and help her here?

from anitab-org.github.io.

Thanks @saideepesh000 Will check it 👍🏼

from anitab-org.github.io.

@sanchibansal340 do you want to continue working on it?

from anitab-org.github.io.

Sorry @nandini45 for not updating. I was not able to apply this.

from anitab-org.github.io.

@nandini45 are we going to use contribute_intro.json file for the content?

from anitab-org.github.io.