Skip to content
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

Styles all the blogs #526

Open
wants to merge 17 commits into
base: develop
Choose a base branch
from
Open

Conversation

akanksha984
Copy link
Contributor

@akanksha984 akanksha984 commented Jul 14, 2023

Description
I have styled all the blogs. Issue: #495
image

Pull Request Checklist
Please make sure that your PR meets the following requirements:

The app is working correctly after applying the changes.
The app is responsive and displays properly on different screen sizes and devices.
The changes are thoroughly documented in the appropriate files or documentation sections.
The coding conventions and style guidelines are followed consistently.
Checklist
Please check all applicable boxes and provide any additional information if needed.

[ x] I have tested the changes locally and ensured that the app is functioning as expected.
[ x] I have verified that the app is responsive and looks good on various screen sizes and devices.
[ x] I have reviewed the documentation and ensured that it accurately reflects the changes made.
[ x] I have followed the coding conventions and style guidelines defined in the project.
[ x] I have run the automated tests and all of them pass.
[ x] I have considered the performance implications of the changes made.
[ x] I have considered the security implications of the changes made.
[ x] I have checked for any potential regressions or side effects caused by the changes.
[ x] I have performed a self-review of my code.
[ x] Starred the repository.
Added My Name to the Contributor's List.
[ x] Followed the repository's Contributing Guidelines.
[ x] I ran the app and tested it locally to verify that it works as expected.
Screenshots - If Any (Optional)
Additional Notes(Optional)
Please provide any additional information or context that may be helpful for reviewing the pull request.

Related Issues
closed #495
Please list any related issues or pull requests that are associated with this pull request.

Reviewers
@Harshil-Jani
Please tag the relevant team members or reviewers who should review this pull request.

Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
@vercel
Copy link

vercel bot commented Jul 14, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
project-amupedia ❌ Failed (Inspect) Jul 31, 2023 8:04am

@github-actions
Copy link

Thank you, @akanksha984, for creating this pull request and contributing to GitHub-ReadMe! 💗

Our review team will thoroughly review the pull request and will reach out to you soon! 😇
Please make sure you have marked all the completed tasks as done. ✅
We appreciate your patience and contribution! 😀

@github-actions github-actions bot added the gssoc23 This is label for GirlScript Summer of Code label Jul 14, 2023
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Comment on lines 100 to 101
width="5000%"
height="2000%"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is weird. Can you please find more robust and sensible way to deal with height and width? Think in other metrics like vh and vw if you have issues with percentage?

Copy link
Collaborator

@Harshil-Jani Harshil-Jani left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@akanksha984 Design wise it looks beautiful. Can you just find another way for width and height ?

Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
@akanksha984
Copy link
Contributor Author

Fixed it @Harshil-Jani

@akanksha984
Copy link
Contributor Author

@Harshil-Jani sir are the changes up to mark ?

Copy link
Collaborator

@Harshil-Jani Harshil-Jani left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@akanksha984 Thanks for the change. I was reviewing the deployment and I observed two things which sounds good to have/improve.

  1. (in mobile view) Header for few blogs is different (less in width) from others. (Eg: SQL, screenshot below)
  2. In mobile view this is not looking good enough. Images are resized and not visible.

image
image

Can you please add some media quries so this looks beautiful on the mobile screens as well ?

Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
@akanksha984
Copy link
Contributor Author

@Harshil-Jani I think it is responsive now please check it

@Harshil-Jani Harshil-Jani changed the base branch from master to develop July 18, 2023 09:41
@Harshil-Jani
Copy link
Collaborator

@akanksha984 Thanks for the changes. This looks amazing now. There is a shift of branches and we are now accepting changes into the develop branch. I have changed the base branch to develop and it has some conflicts. Can you please resolve the conflicts as a last step and this should be good to be merged. 🎉

@akanksha984
Copy link
Contributor Author

How do we resolve the conflicts, I mean I can see the conflict but what is the conflict and how to fix it please guide @Harshil-Jani

@akanksha984
Copy link
Contributor Author

akanksha984 commented Jul 18, 2023

Has it been resolved now @Harshil-Jani I have edited it and then clicked on sign off the commit to main
image

@Harshil-Jani
Copy link
Collaborator

Signed-off-by: akanksha984 <97845909+akanksha984@users.noreply.github.com>
@akanksha984
Copy link
Contributor Author

Can you check it now @Harshil-Jani . I think it is fine now.

@akanksha984
Copy link
Contributor Author

@Harshil-Jani please review it

@Harshil-Jani
Copy link
Collaborator

Hey @akanksha984 I think there is some error. The deployment is failing. Can you try checking and resolving the error on local using yarn build or npm run build ?

Signed-off-by: Akanksha Chaurasia <97845909+akanksha984@users.noreply.github.com>
@akanksha984
Copy link
Contributor Author

@Harshil-Jani please check it now, It should be fine now I hope

@Harshil-Jani
Copy link
Collaborator

Hey @akanksha984 For resolving the build errors I see that you removed lazy-loading attributes. We have a PR on this #534. So Can you show us the error? Because I think removing them in order to solve the issues is not a solution until it increases the complexity of the project.

@akanksha984
Copy link
Contributor Author

Hey @akanksha984 For resolving the build errors I see that you removed lazy-loading attributes. We have a PR on this #534. So Can you show us the error? Because I think removing them in order to solve the issues is not a solution until it increases the complexity of the project.

I have just pasted the code i had written and it created no issue. Last time there was issue i resolved that still there was error in deployment

Signed-off-by: Akanksha Chaurasia <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: Akanksha Chaurasia <97845909+akanksha984@users.noreply.github.com>
@akanksha984
Copy link
Contributor Author

@Harshil-Jani can you please help why deployment is failing ?

@akanksha984
Copy link
Contributor Author

@Harshil-Jani its working well on local but failing here. If you could help me out it would be great help

Signed-off-by: Akanksha Chaurasia <97845909+akanksha984@users.noreply.github.com>
Signed-off-by: Akanksha Chaurasia <97845909+akanksha984@users.noreply.github.com>
@akanksha984
Copy link
Contributor Author

@Harshil-Jani @anmode please check it once is it ok now ?

@akanksha984
Copy link
Contributor Author

@anmode please look into it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc23 This is label for GirlScript Summer of Code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🚀 [Feature Request] - Redesigning Blog Post UI
2 participants