Skip to content

/TheHungryRecipes

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Make the site responsive #2

Open
NitinNair89 opened this issue Oct 2, 2019 · 15 comments · May be fixed by #30
Open

Make the site responsive #2

NitinNair89 opened this issue Oct 2, 2019 · 15 comments · May be fixed by #30
Assignees
@michellelim
Labels
enhancement good first issue hacktoberfest
Projects
TheHungryRecipes

Comments

@NitinNair89
Copy link
Owner

@NitinNair89 NitinNair89 commented Oct 2, 2019 •
edited

Enhancement:

  • Currently the website is not responsive and the UI breaks at many places

What I want:

  • A good approach to making the website responsive and easily accessible to all screen sizes

IF YOU WANT TO WORK ON THIS, PLEASE CLAIM IT BY COMMENTING BELOW
@NitinNair89 NitinNair89 added this to To do in TheHungryRecipes via automation Oct 2, 2019
@NitinNair89 NitinNair89 changed the title Make it responsive Make the site responsive Oct 5, 2019
@thebhushanmhatre

This comment has been minimized.

Sign in to view
Copy link
Contributor

@thebhushanmhatre thebhushanmhatre commented Oct 5, 2019

Hi @NitinNair89,
I would like to work on this
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Oct 5, 2019 •
edited

Go ahead! 🙂
@akashsark

This comment has been minimized.

Sign in to view
Copy link

@akashsark akashsark commented Oct 10, 2019

Hey I would like to work on this
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Oct 11, 2019

Hey I would like to work on this

Go ahead!
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Oct 12, 2019

Hey I would like to work on this

Hi @akashsark - Are you working on this? Would love to have your updates.
@ranjit-ao

This comment has been minimized.

Sign in to view
Copy link

@ranjit-ao ranjit-ao commented Oct 15, 2019

If this is no longer being worked on, I am willing to help. From what I see, it looks like some headers are overlapping with the text and so on when the window is resized, is this what you would like corrected? No need to assign this to me, but I will attempt to put a pr through in the next few days with some fixes.
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Oct 16, 2019

If this is no longer being worked on, I am willing to help. From what I see, it looks like some headers are overlapping with the text and so on when the window is resized, is this what you would like corrected? No need to assign this to me, but I will attempt to put a pr through in the next few days with some fixes.

Go ahead
@NitinNair89 NitinNair89 assigned ranjit-ao and unassigned akashsark Oct 16, 2019
@michellelim

This comment has been minimized.

Sign in to view
Copy link
Contributor

@michellelim michellelim commented Oct 18, 2019

i'd also like to take a stab at this
@ttolentino89

This comment has been minimized.

Sign in to view
Copy link

@ttolentino89 ttolentino89 commented Oct 18, 2019

is bootstrap an option? if so I can happily fix this for you :D
@michellelim michellelim mentioned this issue Oct 18, 2019
Open
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Oct 18, 2019 •
edited

is bootstrap an option? if so I can happily fix this for you :D

We're not using Bootstrap. It would be heavy for this small web application. That's why I purposely prefered the Skeleton CSS library for minimal code.
@NitinNair89 NitinNair89 assigned michellelim and unassigned ranjit-ao Oct 18, 2019
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Oct 18, 2019

is bootstrap an option? if so I can happily fix this for you :D

Saw your PR and added a comment. Please check once :)
@SuvamPrasd

This comment has been minimized.

Sign in to view
Copy link

@SuvamPrasd SuvamPrasd commented Nov 8, 2019

Can I use Boostrap 4 framework to make the website responsive?
@SuvamPrasd

This comment has been minimized.

Sign in to view
Copy link

@SuvamPrasd SuvamPrasd commented Nov 8, 2019

If bootstrap is not in the option then I will use the skeleton CSS library to make the website responsive over any device.
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Nov 8, 2019

Can I use Boostrap 4 framework to make the website responsive?

Unfortunately no. Please see the comment thread above 🙂
@NitinNair89

This comment has been minimized.

Sign in to view
Copy link
Owner Author

@NitinNair89 NitinNair89 commented Nov 8, 2019

If bootstrap is not in the option then I will use the skeleton CSS library to make the website responsive over any device.

Sure. Send PR with breakpoints screenshots or GitHub pages link for your repo so I can test.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@michellelim michellelim

Labels
enhancement good first issue hacktoberfest
Projects
TheHungryRecipes
  
To do
Milestone
No milestone
7 participants
@NitinNair89 @thebhushanmhatre @akashsark @ranjit-ao @michellelim @ttolentino89 @SuvamPrasd
You can’t perform that action at this time.