Avatar for ApplePieGiraffe

ApplePieGiraffe

@ApplePieGiraffe Orlando, FLPro

Mentor Score

7,305

I'm a newbie to front-end development at the moment, but learning everything about it seems so exciting and engaging I'm sure I won't be for much longer!

No solutions submitted

No solutions submitted yet

Latest Comments

  • RE: Stephen DueΓ±as's "HTML, CSS" solution

    0

    Hey, Stephen DueΓ±as! πŸ‘‹

    Good effort on this challenge! πŸ‘

    It looks like your card component takes up the entire width and height of the screen. I suggest wrapping all of its elements in a container (which could be <article> or a <div>), giving that container a fixed width and height (roughly the same as that of the card component in the design JPGsβ€”just eyeball it), and the using flexbox to center the card component in the viewport. πŸ˜‰

    Otherwise, your solution looks pretty good and responds well! πŸ‘

    Keep coding (and happy coding, too)! 😁

  • RE: rafet's "Mobile first, grid, js" solution

    0

    Hey, rafet! πŸ‘‹

    Great job on this challenge! Your solution looks good and responds well! Kudos for making the toggle-switch and buttons accessible to keyboard users! πŸ‘

    I only suggest adding a hover state to the buttons on the pricing cards. πŸ˜‰

    Keep coding (and happy coding, too)! 😁

  • RE: Arturo Carida's "Responsive Landing Page using HTML" solution

    0

    Hey, Arturo Carida! πŸ‘‹

    Nice work on this challenge! πŸ‘

    I suggest,

    • Allowing the hero image to decrease in size when the width of the page decreases so that there's still some room for the text content to remain in the desktop layout for a while and no horizontal scroll bar appears along the bottom of the page in the mobile layout of the site.
    • Adding background-repeat: no-repeat and background-size: cover to the background image so that fills the entire screen.
    • Adding cursor: pointer to the social media icons.

    Keep coding (and happy coding, too)! 😁

  • RE: Ridwan Abdulkareem's "four card feature design using html and css" solution

    0

    Hey, Ridwan Abdulkareem! πŸ‘‹

    Good work on this challenge! Your solution is responsive! πŸ‘

    I suggest,

    • Adding a max-width to the feature cards so that they aren't too wide when the layout first changes from desktop to mobile.
    • Adding a max-width to the main container or wrapper so that the content of the page doesn't look too stretched on extra-large screens.
    • Getting rid of the box-shadow around the content of the page (as in the original design).

    Keep coding (and happy coding, too)! 😁

  • RE: Andres Felipe's "HTML SASS MOBILE FIRTS" solution

    0

    Hey, Andres Felipe! πŸ‘‹

    Good work on this challenge! Your solution looks good! πŸ‘

    I suggest using multiple CSS backgrounds to add both the top-left and bottom-right SVG backgrounds to your solution. Here' a great article from CSS tricks on just that to get you started, if you like! πŸ˜‰

    Keep coding (and happy coding, too)! 😁