Responsive Pricing Card Wrapping on Half-Screen Width

[heeba-khan]

Rectified the issue of vertical stacking of pricing cards occurring prematurely, even when the screen width reduced by half, resulting in an unsymmetrical layout. This was resolved through the implementation of custom CSS styles within the 'style.css' file to ensure a more visually balanced and responsive design. The below picture is before the changes were made :

After I did some changes in style.css file by adding some styles, the pricing card now looked like this :

[Iamdivyak]

here is the design figma design

can u make that pricing page design?

[heeba-khan]

Yes, I can.

…

On Sun, Oct 22, 2023 at 11:33 PM Divya Kumari ***@***.***> wrote: here is the design figma design <https://www.figma.com/file/wKcuUSuG9uEbaXL4TytRzG/my-profile%2Fportfolio-design?type=design&node-id=0%3A1&mode=design&t=TgSPcyjNpZr9n8YT-1> can u make that pricing page design? — Reply to this email directly, view it on GitHub <#46 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2S5QNVJ6IZSRCR2EYOPL4TYAVNXBAVCNFSM6AAAAAA6LBIKDKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONZUGE2TSNBZGI> . You are receiving this because you authored the thread.Message ID: <Iamdivyak/Freelance-Web-Developer-Portfolio-Template/issues/46/1774159492 @github.com>

[Iamdivyak]

assigned @heeba-khan

[heeba-khan]

I accept the assignment.

…

On Sun, 22 Oct, 2023, 11:41 pm Divya Kumari, ***@***.***> wrote: assigned @heeba-khan <https://github.com/heeba-khan> — Reply to this email directly, view it on GitHub <#46 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2S5QNTGFLDVQG4M3HAAGYLYAVOVHAVCNFSM6AAAAAA6LBIKDKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTONZUGE3DCMZYHE> . You are receiving this because you were mentioned.Message ID: <Iamdivyak/Freelance-Web-Developer-Portfolio-Template/issues/46/1774161389 @github.com>

[heeba-khan]

@Iamdivyak There is an issue coming. Whenever I am clicking on inspect element, the changes that I have made are showing :

But when I am removing the inspect element, then all the changes are gone. Why is it happening ? Can you suggest something?

[Iamdivyak]

May be you are putting your css styles under media query

[heeba-khan]

OK I will look into it.

[Iamdivyak]

any updates? @heeba-khan

[heeba-khan]

I am sorry but I tried my best. If you want I can send you the CSS styles that I had applied and it was matching your figma style as well.

…

On Fri, 27 Oct, 2023, 10:56 pm Divya Kumari, ***@***.***> wrote: any updates? @heeba-khan <https://github.com/heeba-khan> — Reply to this email directly, view it on GitHub <#46 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2S5QNXYH65JNFZ4Q7BERHDYBPVEHAVCNFSM6AAAAAA6LBIKDKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTOOBTGI3DKMZZGU> . You are receiving this because you were mentioned.Message ID: <Iamdivyak/Freelance-Web-Developer-Portfolio-Template/issues/46/1783265395 @github.com>

[suhas-sensei]

i'd be happy if i'm assigned this issue @Iamdivyak

[Iamdivyak]

sure @suhas-sensei :)

[suhas-sensei]

please review the pr @Iamdivyak :3