Skip to content
OverviewSolutions
23
Comments
21
Enes Eken
@eneseken

All comments

  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Hi coder,

    You should add font which is provided in styles-guide.md , if you have any questions about importing fonts from Google Fonts (best way) you should read this document.

    If you are interested in buying website building service, you can check my fiverr profile

    1
  • Lee•495
    @leecockcroftSubmitted over 1 year ago

    Please could someone advise best practice for submitting the form and obtaining the value. I was able to get the email value and add this to the text, however I couldnt add the error message. putting required on input and onsubmit, my js didn;t work.

    Any other advise/tips please let me know.

    HTML CSS and JavaScript

    4
    Enes Eken•540
    @enesekenPosted over 1 year ago

    U should add "padding: 15px;" to your "image" it will be greater than this 👍

    Visit My Website ⭐

    Freelance 🚀

    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    U should wrap your elements in a section or main tag

    .main{
display: flex;
justify-content: center;
align-items: center;
min-height: 100svh;
width: 100%;
}

    Why you should use SVH ? Click Here

    Visit My Website ⭐

    Freelance 🚀

    Marked as helpful
    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Abi bu challenge efsaneymiş bende yapacağım (Webscrap ile), bgjar adlı siteden arka plan alabilirsin. Birde responsive olması için her zaman flex'i kullan, ben çoğunlukla flex'i tercih ederim.

    Örnek:

    .smallSide {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Do this for all of your cards

    align-items: start;
display: flex;
flex-direction: column;

    Also update these:

    .container-boxes {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

    .container {
display: flex;
justify-content: center;
margin-top: 40px;
flex-wrap: wrap;
}
    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago
    .container:first-child {
display: flex;
background-color: #4534F2;
color: white;
border-radius: 20px;
flex-direction: column;
justify-content: center;
height: 100%;
}
    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Your codes are awesome my brother 🔥

    1
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Hello @Y-aburob 👋

    I edited the main tag for you, I hope it helps you

    main {
/* margin-top: 50px; */ --> Delete this
text-align: center;
background-image: url(images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-size: contain;
align-items: center;
justify-content: center;
/* background-position: 0 -20px; */ --> Delete this
min-height: 100svh;
}
    Marked as helpful
    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    You should use text-align:center; and font-size: x;

    0
  • icewonn•30
    @icewonnSubmitted over 1 year ago

    Hi! I am very new to this coding business. Probably I have terrible mistakes. I am open to any feedback. Thanks :)

    QR Code Component

    3
    Enes Eken•540
    @enesekenPosted over 1 year ago

    Merhaba Mert 👋

    Kodun süper , <div class="main"></div> yerine HTML5 ile gelen "Semantic Elements" özelliğini kullanabilirsin. Bunun içinde <main></main> etiketini kullanmalısın.

    Ayrıca <div class="qr"></div> yerine <img/> kullanırsan daha doğru olur.

    Websitemi Ziyaret Et 🌐

    Marked as helpful
    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Hello coder 👋

    You should add hover

    Good Job ! 🎉

    Visit My Website 🌐

    0
  • Enes Eken•540
    @enesekenPosted over 1 year ago

    Hello coder 👋

    • You should change <a></a> to <button></button>
    • Also you can add "transition" to <button></button>

    Here is some tips for you 💡

    button{
border: none;
background-color: var(--dark-cyan);
padding: 16px 0 16px 0;
border-radius: 6px;
display: flex;
justify-content: center;
transition: .3s all;
}

    For more about transitions you should visit here

    Good Job ! 🎉

    Visit My Website 🌐

    Marked as helpful
    0