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

Bridget Akellian

@bakellian100 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 feature section


    P
    Bridget Akellian•100
    Submitted 10 months ago

    1 comment
  • Product preview card component


    P
    Bridget Akellian•100
    Submitted 10 months ago
    1. Landscape image - how would you "zoom out" on an 'object-fit: cover;'

    2 comments
  • Recipe landing page


    P
    Bridget Akellian•100
    Submitted 10 months ago
    1. image: can not get object-fit to work?
    2. responsiveness: was trying to find a way to get text to wrap when adjusting screen sizes but can not find a solution

    would love any feedback, thank you


    1 comment
  • Links landing page


    P
    Bridget Akellian•100
    Submitted 10 months ago

    How is the overall structure of the HTML? What can I be doing more professionally?


    1 comment
  • Blog card


    P
    Bridget Akellian•100
    Submitted 10 months ago
    1. Learning tag: I can't figure out why it's taking up all that height
    2. card padding on the right side of the card is larger than the rest
    3. author image - when viewed in live preview the sizing is correct but hosted through GitHub it appears larger

    3 comments
  • Responsive landing page

    #accessibility

    P
    Bridget Akellian•100
    Submitted 10 months ago

    2 comments

Latest comments

  • Youssef•250
    @DORMODO
    Submitted 11 months ago

    Four card feature section ⬜ [ Grid + CSS ]

    1
    P
    Bridget Akellian•100
    @bakellian
    Posted 10 months ago

    Extra space in the design, reducing that will help the content be more readable. But overall good job

  • santhoshjavascript•100
    @santhoshjavascript
    Submitted 10 months ago

    using grid and flex together responsive site

    1
    P
    Bridget Akellian•100
    @bakellian
    Posted 10 months ago

    great use of adjust styles based on viewport size.

  • Veronica Strizinec•70
    @verostrizinec
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Estoy orgullosa de mi constancia diaria con estos proyectos, de aprender a estructurar un HTML de 0. Siento que debo mejorar y practicar bastante la estructuración en CSS para no repetir código.

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

    El uso de media queries es siempre un desafio. Lo solucioné con una extension de chrome de responsividad.

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

    Quisiera saber como aplicar las media queries sin repetir tanto código en ellas, simplemente ajustando unas pocas lineas.

    Sitio web de receta responsivo con Flex

    1
    P
    Bridget Akellian•100
    @bakellian
    Posted 10 months ago

    great job, readable!

    Marked as helpful
  • Lion Guilherme Aoki Porphirio•40
    @LionPorphirio
    Submitted 10 months ago

    Social links card with Flexbox

    1
    P
    Bridget Akellian•100
    @bakellian
    Posted 10 months ago

    Use rem instead of px for responsiveness

    Marked as helpful
  • Vozmo•60
    @V0zmo
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I added some simple JavaScript for a custom cursor, I'm quite improved say myself for the CSS and HTML, it's much tidier and cleaner. Still need to learn how Flex works and the hierarchy of HTML.

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

    The JavaScript code, the element implementation of CSS to do animation, and probably how CSS and JavaScript syntax work. But with quick Google search can solve the problem!

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

    Personally nothing, quite impressed by myself. However, if there is some room for improvement in my code please give me feedback and criticism!

    Blog Preview Card Solution | HTML, CSS, JavaScript

    2
    P
    Bridget Akellian•100
    @bakellian
    Posted 10 months ago

    Only comment would be to use REM instead of PX for accessability

  • santhoshjavascript•100
    @santhoshjavascript
    Submitted 10 months ago

    i used for this component position abosolute

    #accessibility
    1
    P
    Bridget Akellian•100
    @bakellian
    Posted 10 months ago

    everything looks great! One callout would be updating the title copy color to match the design.

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