Feature: add Tailwind CSS class 'rounded-2xl'

[VenkaSri]

Because

Adding border radius to course links on the landing page

This PR

• added tailwind class 'rounded-2xl' to _curriculum.html

Issue

Related to #4142

Additional Information

Pull Request Requirements

• [X ] I have thoroughly read and understand The Odin Project Contributing Guide
• [ X] The title of this PR follows the keyword: brief description of change format, using one of the following keywords:
  • Feature - adds new or amends existing user-facing behavior
  • Chore - changes that have no user-facing value, refactors, dependency bumps, etc
  • Fix - bug fixes
• [X ] The Because section summarizes the reason for this PR
• [X ] The This PR section has a bullet point list describing the changes in this PR
• [X ] I have verified all tests and linters pass after making these changes.
• If this PR addresses an open issue, it is linked in the Issue section
• If applicable, this PR includes new or updated automated tests

[ManonLef]

Thanks so much for doing this @VenkaSri !

While playing around on another PR here I started looking into our path layout, noticing they utilize rounded-lg on the path sections:

I played around a bit and would love some opinions from you and @KevinMulhern on if that would be a better fit here:

rounded-lg

rounded-2xl

I hope I'm not a bother for I think the rounded-lg might be closer to what you initially proposed in your issue where I proposed keeping it consistent with the team cards PR. I know this is up for personal preference as well. I personally prefer the rounded-lg but would love to hear your input (or others reading this)

[KevinMulhern]

rounded-lg gets my vote 🗳️

[VenkaSri]

For my original proposal I had used rounded-md to ensure consistency with the all the other button links within the homepage, which all use the same border radius. I like both md and lg.

Also, the spacing of the h3 in middle card seems off cause of the neighbouring cards.

Made some minor changes to address that. What do you guys think? @ManonLef @KevinMulhern

[KevinMulhern]

Thanks @VenkaSri, theres not a lot between md and lg, but I think lg looks slightly better in this case.

I'm not sure about the centered text, can you take a screenshot of all the badges to see what it looks like within the overall section please?

[VenkaSri]

Looks better imo, @KevinMulhern

[KevinMulhern]

It looks decent to me, what do you think @ManonLef?

We'd probably be best reworking these components to have more horizontal space for longer titles, but thats getting way out of scope of what we're trying to do here. Something to do in a follow up maybe.

[ManonLef]

Yes I might like it better too, It makes the taller row less top heavy for JavaScript. It would need a lot more space to make it all fit horizontally. Definitely something we could look at in the future.

The changes are not showing on the deployment yet, so I suggest you commit the rounded-lg version with the proposed alignment changes @VenkaSri so we can review and approve it then!

[VenkaSri]

Yes I might like it better too, It makes the taller row less top heavy for JavaScript. It would need a lot more space to make it all fit horizontally. Definitely something we could look at in the future.

The changes are not showing on the deployment yet, so I suggest you commit the rounded-lg version with the proposed alignment changes @VenkaSri so we can review and approve it then!

Done :)