Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
5

Abbas Saad

@AbbasSaad27Dhaka260 points

Hi. I'm a Junior Front-End developer.That's all.

I’m currently learning...

Trying to master react

Latest solutions

  • Responsive Advice Generator App


    Abbas Saad•260
    Submitted about 3 years ago

    1 comment
  • Tip Calculator App


    Abbas Saad•260
    Submitted about 3 years ago

    0 comments
  • Ip Address Tracker Using HTML, CSS and Vanilla JS


    Abbas Saad•260
    Submitted about 4 years ago

    2 comments
  • Fylo storage component using HTML and CSS


    Abbas Saad•260
    Submitted about 4 years ago

    2 comments
  • Article preview with HTML and CSS


    Abbas Saad•260
    Submitted over 4 years ago

    1 comment
  • Testimonials grid section with html and CSS Grid.


    Abbas Saad•260
    Submitted over 4 years ago

    5 comments
View more solutions

Latest comments

  • Mainul Islam•30
    @main1479
    Submitted about 4 years ago

    Simple Responsive IP Tracker App

    2
    Abbas Saad•260
    @AbbasSaad27
    Posted about 4 years ago

    Hello Mainul Islam! Congratulations on completing your first Frontend Mentor challenge! :D It looks great and responds pretty nicely!! I just have a few things to suggest. The data from the Ip geolocation API is being logged to the console. Might wanna look into that. Also, I can't search using a domain name. You should add that since it says "Search for any IP address or domain" in the placeholder :D Overall it seems really nice. Keep coding and happy coding!! :D

  • DuhLion•20
    @Duhli
    Submitted about 4 years ago

    It's bad, roast me pls

    3
    Abbas Saad•260
    @AbbasSaad27
    Posted about 4 years ago

    Hi there! Glad to see that you completed another challenge. This one looks really great on the desktop! Good job on that! There are only a few things to improve. Adding a few media queries in between the desktop and mobile view would make the site fully responsive which is really needed! Also, there's a little white space at the bottom of the page in mobile view.. :") Overall it was it's nice! :D as always keep coding and happy coding :D

  • Marharyta•45
    @artistcoder-code
    Submitted about 4 years ago

    Only Desktop version. HTML & CSS.

    1
    Abbas Saad•260
    @AbbasSaad27
    Posted about 4 years ago

    Hi! Nice work! Glad to see that you completed another challenge! It looks great on the desktop! About the button, I would suggest that you should put "position: relative" on "email_form". Then try to position the button. It'll be a lot easier! Or maybe make the button an inline-block element. Then set a negative value to the margin-left property. That could work too I guess. Also, increase the font-size and font-weight to match the design. Overall it looks really good! Happy coding! :D

  • Monica•100
    @monicamclaughlan
    Submitted over 4 years ago

    Four Card Feature Section using HTML CSS with flex-box/media-query

    3
    Abbas Saad•260
    @AbbasSaad27
    Posted over 4 years ago

    Hi Monica!! I've studied your work. You have done well in this challenge! Your solution looks good and it is responsive!! I've got a few things to suggest. For the header, I suggest using one h1 tag instead of using 2 h3 tags. Since it's only one header. You can use the span tag to style them differently :D There's quite a bit of space between the three columns of the card. Reduce that a bit :D Also, it breaks into the mobile layout too early. I think using CSS grid would be better for this solution (and also a lot easier!!) https://www.frontendmentor.io/solutions/four-card-feature-section-using-html-and-css-grid-lrZBdJgxN Here's my solution. Hope it helps!! :D Happy coding!! :D

  • Md Moniruzzaman Sojol•50
    @sojol4242
    Submitted over 4 years ago

    Pricing section

    1
    Abbas Saad•260
    @AbbasSaad27
    Posted over 4 years ago

    Hey sojol!

    Congratulations on completing another challenge! It looks pretty good! I have some suggestions. You should use vs code, atom, or some other code editor with emmet and some font extensions (I also suggest adding live server extension) instead of using codepen. This way coding would be a lot easier and more fun for you! And also try to fix the issues from the report. This would be a great practice!!

    For the design, I would suggest adding texts from the design instead of adding from lorem ipsum. You can find all the text in a file called "index.html" in the challenge folder. Copy and paste the text from there :D

    Lastly, I would suggest that you should try to get it looking as close to design as possible. keep tweaking until you break it :D that's all.

    Keep coding (and happy coding too!!).

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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