Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7
Preston Taylor
@PrestonLTaylor

All comments

  • Daniel•260
    @Flashdaniel
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I used CSS CUBE methodology, so i'm proud of that, and being able to get the solution close to the design.

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

    Not much challenge. It took a while getting to figure out CUBE methodology.

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

    Any feedback or recommendation is well appreciated. Thank You.

    testimonials-grid with Grid, Flexbox, Fluid type and Fluid space

    1
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    Looks good! To get the design closer to the actual design you should remove some of the extra padding at the bottom of the cards and maybe limit their max-heights.

  • Rakesh Munjala•100
    @rakesh265
    Submitted about 1 year ago

    RESPONSIVE FOUR CARD FEATURE USING HTML AND CSS.

    1
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    Looks good! You could improve the design by increasing the font-size of the header based on the viewport using a calc and the vw units.

  • Courtney Coursey•40
    @CphilliC
    Submitted about 1 year ago

    Product Preview Card - Responsive Layout made with using Flexbox

    1
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    This solutions looks good!

  • FireDragonSrc•60
    @FireDragonSrc
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Objetivo: Criar uma página web simples utilizando HTML e CSS

    Simple Omelette Recipe

    1
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    A simple change that would help bring the design closer would be to have a div around the "Preperation Time" section and style it to have a background color the same as the one in the design!

  • JesyQueck•100
    @JesyQueck
    Submitted about 1 year ago
    What challenges did you encounter, and how did you overcome them?

    I suffered a bit in styling the buttons since I didn't use the button tag. I had to solve separately

    Social Links Profile

    1
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    Looks good!

    One big improvement to the design would be to vertically centre the social links profile card.

    There are a few ways of doing it. One way is you can use position: absolute as described here.

  • Ninon C.•30
    @epawi
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Je n'ai rien de particulier à dire à propos de ce challenge.

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

    Je n'ai rien de particulier à dire à propos de ce challenge.

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

    Je n'ai rien de particulier à dire à propos de ce challenge.

    Blog preview card

    2
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    Looks good, however removing the default margins of the p elements would reduce the vertical size of the blog card would get the design closer to the original.

    Marked as helpful
  • Alexis•170
    @data-dev05
    Submitted about 1 year ago

    QR component using CSS Flex

    1
    Preston Taylor•120
    @PrestonLTaylor
    Posted about 1 year ago

    Looks good, however, the content inside of your container is too close to the edges so increasing the padding would allow your solution to look closer to the original design.

    Marked as helpful
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