Build & Style The UI

Question

Help to check the code for this challenge
Within the STYLE tag, give the BODY element a white background
Create a BUTTON element with ID of filter-query, and give it a CSS class of mdc-icon-button and material-icons. Set its text to filter_list.
Create a DIV element and give it a CSS class of select. Within the DIV, create a SELECT element with a CSS class of select-text
The SELECT element should have an option that is disabled and selected by defualt. Give this option any text you like, e.g "Select User"
Next, create a new DIV with a CSS class of user-photo. Inside it, create an IMAGE and set its src to a placeholder from https://placeholder.com/ Make sure to give your IMAGE an alternate text
Next, create a DIV with CSS class of details and mdc-elevation--z3. This DIV should have 5 PARAGRAPH elements, each containing a SPAN with CSS class prop and another SPAN with CSS class of value
Code written so far:
<button id="filter-query" class="mdc-icon-button material-icons">filter_list</button>
<div class= "select" >

<select class = "select-text">
<option value="available">avaiable</option>
<option value="unavailable">Unavailable</option>
</select>
</div>

Answer 1

This is how i did it
https://code.sololearn.com/WdVrh7qA8e7m/?ref=app
In your code you didnt selected and disabled option, you just give name. Please learn that on ex. W3school

Answer 2

https://www.w3schools.com/tags/att_select_disabled.asp