Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
56
Abdulla Bashiroglu
@bashiroglu

All comments

  • Christopher Till•1,070
    @chri55
    Submitted almost 5 years ago

    Pricing Toggler with SCSS and animations

    4
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted over 4 years ago

    Hi, It looks nice, only thing I noticed the list borders in the professional card is not aligned with others, I am not saying this is bad but in the design file, it is aligned, so you can challenge yourself how to accomplish that design. Good luck

  • Henrique Dias Garcia•120
    @Hedg0305
    Submitted almost 5 years ago

    Just using flex Box and mediaQueryies

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted over 4 years ago

    Hi, It is always good to make main logo link and takes to index page, so you may improve by adding that. good luck

  • P
    Adolfo Hristo David Roque Gámez•60
    @aroquega
    Submitted almost 5 years ago

    Social Proff Section with mobile first approach and grid layout

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted over 4 years ago

    Hi @hristoroque , it looks great, you may improve or make it like in design file by increasing padding x direction of main container. good luck

  • Rahul Gupta•80
    @rahulxyz
    Submitted over 4 years ago

    HTML, CSS(+SASS), JS

    3
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted over 4 years ago

    looks great, you can make it perfect by adding bg image in hero section. good job.

  • Hiago Riba Guedes•30
    @Hiaguedes
    Submitted over 4 years ago

    ip-address-tracker-master

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted over 4 years ago

    hi @Hiaguedes, it looks great, as an improvement you can add correct margins. for example, in Ip address, location, etc they need more space in the bottom. good luck

  • Mustafa•415
    @Mostafa-T
    Submitted over 4 years ago

    Bootcamp testmonial Component

    3
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted over 4 years ago

    Hi @Mostafa-T, it looks great. I think you forget to add " sign to the background . Good luck

  • Sam Buxcey•35
    @sjbcreative
    Submitted almost 5 years ago

    Article Card Preview | SASS, HTML, JQuery

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @sjbcreative, so your solution looks great. And using jquery for this task is okay. If you want to learn vanilla js, you can use dom manipulation. It is easier than jquery in this particular case. Good luck

  • Shivam Vijaywargi•10
    @shivamvijaywargi
    Submitted almost 5 years ago

    Fylo using BEM and mobile first approach

    1
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    HI @shivamvijaywargi , It will be perfect with practice. As a feedback to your work, it already looks well done. as a improvement you can change bg image in mobile by using media queries. Good luck.

  • Connor Z•5,115
    @zuolizhu
    Submitted almost 5 years ago

    Arch Studio multi-page website | built with Sapper and siema carousel

    1
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @zuolizhu, this looks amazing. Only thing I noticed, in the form section inputs somehow crapped from the top. especially with "f" it looks clear what I want to say.

  • Michael•110
    @KimHungChan
    Submitted almost 5 years ago

    Fylo data storage component - React

    3
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @KimHungChan, everything looks good, It can be improved with some better naming for example buttons container can be changed because they are not probably buttons. Good luck.

  • Felipe Decome•90
    @FelipeDecome
    Submitted almost 5 years ago

    Fylo data storage with SASS

    1
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @FelipeDecome, it looks great, however, i noticed the store card get so small before vertical align, you can add some min width or change vertical design earlier. Good luck.

  • Thomas Sankara•1,390
    @SankThomas
    Submitted almost 5 years ago

    Ping Coming Soon One Column Landing Page using HTML, CSS and JS

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    @SankThomas hi, It really looks good, in order to make it more appealing, you can add some hover effects to button and social icons. Good luck

  • Dark-Lover•735
    @Dark-Lover
    Submitted almost 5 years ago

    Single price grid component Html & Css

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    hi @Dark-Lover, as David said you can make container element flex and alignitems and justify content center will solve alignment problem. Good luck.

  • Bram's•220
    @bboumenir
    Submitted almost 5 years ago

    Clipboard landing page Pure CSS/HTML

    2
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @bboumenir , Generally it is great but there is a problem in the responsiveness of Keep track of your snippets, you can change to flex column early to solve the problem.

  • Sagar Kaurav•460
    @sagarkaurav
    Submitted almost 5 years ago

    Intro component with sign-up form with TailwindCSS and Vanilla CSS

    3
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    @sagarkaurav, It looks good, two things I noticed, probably "try it free" is not a button just div or p. And it needs more space for form in a horizontal direction. Good luck.

  • Deepak Kumar•210
    @deepak300811
    Submitted almost 5 years ago

    Using Pure HTML and CSS

    1
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @deepak300811, so there are many way what you want to accomplish. You can use keyframes with width property, 0 to 80% or you can access its with js and add 1 per sedond. Good luck.

  • Pedro Lopes•140
    @PedroLealLopes
    Submitted almost 5 years ago

    React JS Standard Css Using Flexbox

    1
    Abdulla Bashiroglu•520
    @bashiroglu
    Posted almost 5 years ago

    Hi @PedroLealLopes, as a comment for your react code, you can use destructuring in your components to have cleaner code. for example

    const Card = (props) => {
    
    const Card = ({isMain }) => {
    

    good luck

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

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