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.

Sign up for GitHub

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

New questions on html and css pages #792

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

New questions on html and css pages #792

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3d7359d
Add questions to the html
devshittu May 20, 2023
113d3a9
Add questions to the css
devshittu May 20, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion src/questions/css-questions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,4 +39,6 @@ permalink: /questions/css-questions/index.html
* Can you explain the difference between px, em and rem as they relate to font sizing?
* Can you give an example of a pseudo class? Can you provide an example use case for a pseudo class?
* What is the difference between a block level element and an inline element. Can you provide examples of each type of element?
* What is the difference between CSS Grid and Flexbox? When would you use one over the other?
* What is the difference between CSS Grid and Flexbox? When would you use one over the other?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a good discussion question

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅

* What are the Flexbox advantages compared to floats?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You could reword this to be something like "Compare flexbox with legacy layout techniques."

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅

* What properties does justify-content and align-items share in CSS Flexbox?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

skip this one

5 changes: 5 additions & 0 deletions src/questions/html-questions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,3 +17,8 @@ permalink: /questions/html-questions/index.html
* Have you used different HTML templating languages before?
* What is the difference between `canvas` and `svg`?
* What are empty elements in HTML ?
* What are the semantic HTML5 page structure elements?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is trivia. Asking about how people use semantic elements is better than asking them to list them.

* What is an API for HTML5? Can you name some APIs in HTML5?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you want to ask about an HTML5 API, you could focus a question around a specific API. This is a trivia question.

* What is an iFrame? What are the risks of using it within your code?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a good one.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅

* What are the media element tags introduced by HTML5?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are good questions about embedding media, not just listing the elements.

* Describe how can a copyright symbol be added to the webpage using HTML5?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would love to see a question about character encoding (if there's not one.) This is a 2 second answer.