Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
9

sreos

@sreos110 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

  • Newsletter sign-up form with success message


    sreos•110
    Submitted about 1 year ago

    1 comment
  • Article preview component


    sreos•110
    Submitted about 1 year ago

    s


    1 comment
  • Testimonials-Grid-Section-Main


    sreos•110
    Submitted about 1 year ago

    s


    1 comment
  • Four Card Feature Section With CSS


    sreos•110
    Submitted about 1 year ago

    Placing items on the desktop


    1 comment
  • Product Preview Card


    sreos•110
    Submitted about 1 year ago

    E


    1 comment
  • Recipe Main Page


    sreos•110
    Submitted about 1 year ago

    Nearly everywhere


    1 comment
View more solutions

Latest comments

  • Pakapol•140
    @Pakapol-Tanachaisith
    Submitted about 1 year ago

    Newsletter Signup

    1
    sreos•110
    @sreos
    Posted about 1 year ago

    Looks good

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

    The completion of the project.

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

    I struggled with the pop-up icons, and I plan on doing a second version to improve on it.

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

    Any and all feedback is welcomed.

    article-preview

    1
    sreos•110
    @sreos
    Posted about 1 year ago

    The only problem that i see is shape of share button. Good job

  • Devs-advocate•240
    @Devs-advocate
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm happy that I was able to approach the challenge with a clear approach. This is basically due to the experience gained from previous challenges.

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

    The most difficult issue I had was center-aligning the profile pic with the name and verification to it's right. It was easier once I deployed them within a flexbox container, but I tried with limited success to do it without flexbox. Responsiveness is an issue if there's no clear direction on where media queries should be invoked, and what the screen should look like at varying widths. I overcame this by making my own mind up where it should happen.

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

    Perhaps some clarity on how the screen should look at widths between the mobile and desktop designs. I'm gathering it's my own opinion at this point, but I was toying with having a different grid design at the in-between design widths. For example, a two-column grid.

    Grid Testimonial Challenge

    1
    sreos•110
    @sreos
    Posted about 1 year ago

    Only difference is background color. Perfect job

  • sammie-create•100
    @sammie-create
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I will know that based on feedbacks i get

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

    Nothing much

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

    None for now

    Responsive Four card feature section using CSS Grid and Flexbox

    2
    sreos•110
    @sreos
    Posted about 1 year ago

    Looks perfect but you should upload the images to github too

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

    I was able the create the page mostly by myself.

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

    I had some problems with making the desktop version where I used Kevin Powell's video for help.

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

    At this point, none.

    Responsive Perfume Preview Card Page

    1
    sreos•110
    @sreos
    Posted about 1 year ago

    Perfect

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

    I tried using @font-face for this project. Also, I tried to align the layout of the project as close as possible.

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

    The css file was very long and messy at first because I was targeting every single element.
    It took me a bit of time to refine the file by not repeating the same style on similar elements. The headings and lists are identical/similar in style so I styled them with the identical style first and added element specific style after.

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

    I was unable to align the list markers with the list items when it is in mobile design. They look different from the original.

    Recipe Page

    1
    sreos•110
    @sreos
    Posted about 1 year ago

    Looks perfect

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