Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
7

jubileelin

@jubileelin100 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Four Card Flexbox Feature


    jubileelin•100
    Submitted 11 months ago

    1 comment
  • Responsive Product Preview Card

    #accessibility

    jubileelin•100
    Submitted 11 months ago

    Although this project was extremely helpful in giving me more insight into responsive design, I still want to try to get more comfortable in responsive design and units.


    1 comment
  • Recipe Page


    jubileelin•100
    Submitted 12 months ago

    I know my media queries are a little weird, so if there is any solution that could be more efficient or use less code, that would be good to hear about.


    1 comment
  • Social Links Profile


    jubileelin•100
    Submitted 12 months ago

    I want to know if I used rem correctly, I kinda just replaced all instances of px with rem and used a media query to resize the container on a mobile phone screen. I also would like to try and use mobile-first workflow on the next project I do, so if anyone has advice or tips about this concept, it would be appreciated.


    2 comments
  • Blog Preview Card Responsive Page


    jubileelin•100
    Submitted about 1 year ago

    I am confused on how to utilize measurements others than px for things such as font sizes and the widths of containers. I also do not know how to make the font sizes change with the dimensions of the screen as the challenge suggests so if anyone has any resources or advice on how to implement this, it would be very helpful.


    1 comment
  • Responsive QR Cod Page using CSS Flexbox


    jubileelin•100
    Submitted about 1 year ago

    2 comments

Latest comments

  • Rinel•150
    @rineliniguezsosa
    Submitted 11 months ago

    Four card feature section with flex-box and css-grid

    1
    jubileelin•100
    @jubileelin
    Posted 11 months ago

    good design, make sure to check spacing in between elements

  • DeadSIggy•160
    @signaloninternet
    Submitted about 1 year ago

    Product preview card component

    #accessibility
    1
    jubileelin•100
    @jubileelin
    Posted 11 months ago

    instead of using divs, it could be helpful to increase accessibility by using html semantics such as <figure> for image containers, or <section> to divide content.

  • Nguyễn Trường An•60
    @ntan2k3
    Submitted 12 months ago

    Recipe page

    1
    jubileelin•100
    @jubileelin
    Posted 12 months ago

    Your code is so clean and concise, very impressive. You could alternatively use the element <hr> to create horizontal lines on a page instead of a <div> element like you did. Otherwise, great job!

    Marked as helpful
  • AlMonther Abdulhafeez•180
    @AlMonther9
    Submitted 12 months ago

    Mobile First - Social Links Profile

    1
    jubileelin•100
    @jubileelin
    Posted 12 months ago

    I think the font weight on the buttons are slightly off and the buttons need to be centered on the container. Otherwise, looks good!

    Marked as helpful
  • P
    Patrycja•300
    @Patrycja-dz
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the hover effects and animation. The gradient transition turned out exactly as I envisioned, creating a visually appealing effect that enhances user interaction. Next time, I would focus more on optimizing the CSS code and ensuring it is more modular. I would also invest more time in improving the accessibility of the project, making sure that it is fully usable by people with disabilities.

    What challenges did you encounter, and how did you overcome them?

    One of the main challenges I encountered was ensuring that the card was fully responsive on different screen sizes. Initially, I struggled with maintaining the layout on smaller screens. I overcame this by adopting a mobile-first workflow and using flexbox for more control over the layout. I also faced issues with the hover effects not working as intended, which I resolved by experimenting with different CSS properties and researching best practices.

    What specific areas of your project would you like help with?

    I would appreciate feedback on the following areas:

    CSS Structure: Are there any suggestions for improving the structure and organization of my CSS?
    Accessibility: Are there any accessibility improvements I could make to ensure a more inclusive design?
    Performance: Any tips on optimizing the performance of the card, especially concerning CSS and image loading?
    

    Any advice or suggestions on these points would be greatly appreciated!

    Blog preview card

    1
    jubileelin•100
    @jubileelin
    Posted about 1 year ago

    The transitions are really cool and unique! Are there any resources you would suggest to help learn how to implement them?

  • snowball321•20
    @snowball321
    Submitted about 1 year ago

    Blog-preview-card

    1
    jubileelin•100
    @jubileelin
    Posted about 1 year ago

    nice solution

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub