Skip to content
OverviewSolutions
7
Comments
5
Ajdevise
@Ajdevise

All comments

  • Ajdevise•335
    @AjdevisePosted almost 4 years ago

    Try to set display: block; on that img (the one with images/bg-pattern-card.svg)

    1
  • Ajdevise•335
    @AjdevisePosted almost 4 years ago

    Hello,

    Check this video at 1:46:30, maybe that will help you out https://www.youtube.com/watch?v=K27WULzr2P8

    1
  • Sondra Sohn•90
    @0hyodorie0Submitted almost 4 years ago

    It looked easy but was harder than I thought. How do I place drawer image as same as its original design? Also I have a problem with hovering share icon. when I hover it, background circle can't be shown because of the new hover element (facebook, twitter, pinterest area) How can I fix this?

    Article preview component

    1
    Ajdevise•335
    @AjdevisePosted almost 4 years ago

    Hello, If i understood correctly, the problem with the image is that it gets squished up? If that is the case then try adding these styles to your img. { width: 100%; height: 100%; object-fit: cover; }

    2
  • Katrien Schuermans•1,210
    @katrien-sSubmitted almost 4 years ago

    • Alright, my first attempt to adding JavaScript. It's not entirely there yet, but I wanted to show what I've done thus far, to learn from the feedback.

    • I'm also wondering how to change the input color of the input field once content is added. It now by default goes white, but I want it to keep the requested color. Which pseudo-class should I use?

    HTML, CSS, flexbox, JavaScript

    2
    Ajdevise•335
    @AjdevisePosted almost 4 years ago

    Try this selector to change color when content is added .form-input:not(:placeholder-shown).

    1