Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

lesson-09 / 9e.css #4

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

TaimoorCodes
Copy link

The class labeled 'text-box' missed a very important property called display: inline-block; due to which all of the elements were appearing on top of each other. The same problem was appearing when I was practicing the tweet box in lesson#07 exercise 7g. but then I didn't know the CSS display property as it's the lesson after lesson no. 07 where mate Simon briefly explains the types of HTML elements and display properties.

The class labeled 'text-box' missed a very important property called -->display: inline-block;<-- due to which all of the elements were appearing on top of each other. The same problem was appearing when I was practicing the tweet box in lesson#07 exercise 7g. but then I didn't know the CSS display property as it's the lesson after lesson no. 07 where mate Simon briefly explains the css display properties.
@SuperSimpleDev
Copy link
Owner

SuperSimpleDev commented Jun 11, 2022

Thanks for the PR! <input> is actually display: inline-block; by default so it doesn't explicitly need the property in the CSS. Could you share the code you had without display: inline-block that made the elements appear on top of each other? I'm wondering what the difference could be

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants